A Pen by Vashon Gonzales on CodePen.
Created
February 7, 2024 14:58
-
-
Save Ashon-G/fb1eebe77079af8a78278916d36fea58 to your computer and use it in GitHub Desktop.
Business Details
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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-bh6"> | |
<div class="cIq-l46 RyuNavigation--eef"> | |
<aside class="kSI-pnr RyuNavigationDesktopPrimaryContainer--kcx"> | |
<div data-id="desktop-primary-header" class="RyuFlexRoot-sc-nk769a-s2r ghj-kjy"> | |
<div class="bmNa-i7o"> | |
<div class="fQj-11q"> | |
<div class="jGr-hyo RyuNavigationDesktopPrimaryHeaderButton--v5c"> | |
<div><a class="RyuButtonRoot-sc-pfy37f-crg hWk-yl7 RyuButtonRoot--h42 RyuButtonRoot--vob icon-jqj icon-xcg" href="/home"> | |
<div class="RyuButtonIcon-sc-ltbz6a-azq ldS-bnm"><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 snipcss0-11-13-14" 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-i7o row-fxs"> | |
<div class="RyuFlexRoot-sc-nk769a-s2r ghj-kjy"> | |
<div class="bmNa-i7o"> | |
<div class="jIc-mr2"> | |
<div class="ePZ-226"> | |
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-9lx"> | |
<div> | |
<div class="bCs-wsb"><a class="RyuButtonRoot-sc-pfy37f-crg inV-7fp RyuButtonRoot--h42 RyuButtonRoot--vob RyuButtonRoot--frm" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/business-address"> | |
<div class="RyuButtonIcon-sc-ltbz6a-azq ldS-bnm"><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-n7f jRd-2a2">Business address</span> | |
</a></div> | |
</div> | |
</div> | |
</div> | |
<div class="ePZ-226 RyuNavigationItemSingleRoot--x1q"> | |
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-9lx"> | |
<div> | |
<div class="bCs-wsb RyuNavigationButtonRoot--4l9"><a class="RyuButtonRoot-sc-pfy37f-crg inV-7fp RyuButtonRoot--h42 RyuButtonRoot--vob RyuButtonRoot--frm" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/business-details"> | |
<div class="RyuButtonIcon-sc-ltbz6a-azq ldS-bnm"><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 snipcss0-15-32-33" aria-hidden="true"> | |
<circle cx="8" cy="8" r="6.5" stroke="currentColor"></circle> | |
</svg></div><span class="RyuButtonContent-sc-tyfdsd-n7f jRd-2a2">Business details</span> | |
</a></div> | |
</div> | |
</div> | |
</div> | |
<div class="ePZ-226"> | |
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-9lx"> | |
<div> | |
<div class="bCs-wsb"><a class="RyuButtonRoot-sc-pfy37f-crg inV-7fp RyuButtonRoot--h42 RyuButtonRoot--vob RyuButtonRoot--frm" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/leadership"> | |
<div class="RyuButtonIcon-sc-ltbz6a-azq ldS-bnm"><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 snipcss0-15-40-41" aria-hidden="true"> | |
<circle cx="8" cy="8" r="6.5" stroke="currentColor"></circle> | |
</svg></div><span class="RyuButtonContent-sc-tyfdsd-n7f jRd-2a2">Leadership</span> | |
</a></div> | |
</div> | |
</div> | |
</div> | |
<div class="ePZ-226"> | |
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-9lx"> | |
<div> | |
<div class="bCs-wsb"><a class="RyuButtonRoot-sc-pfy37f-crg inV-7fp RyuButtonRoot--h42 RyuButtonRoot--vob RyuButtonRoot--frm" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/ownership"> | |
<div class="RyuButtonIcon-sc-ltbz6a-azq ldS-bnm"><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 snipcss0-15-48-49" aria-hidden="true"> | |
<circle cx="8" cy="8" r="6.5" stroke="currentColor"></circle> | |
</svg></div><span class="RyuButtonContent-sc-tyfdsd-n7f jRd-2a2">Ownership</span> | |
</a></div> | |
</div> | |
</div> | |
</div> | |
<div class="ePZ-226"> | |
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-9lx"> | |
<div> | |
<div class="bCs-wsb"><a class="RyuButtonRoot-sc-pfy37f-crg inV-7fp RyuButtonRoot--h42 RyuButtonRoot--vob RyuButtonRoot--frm" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/financial-details"> | |
<div class="RyuButtonIcon-sc-ltbz6a-azq ldS-bnm"><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 snipcss0-15-56-57" aria-hidden="true"> | |
<circle cx="8" cy="8" r="6.5" stroke="currentColor"></circle> | |
</svg></div><span class="RyuButtonContent-sc-tyfdsd-n7f jRd-2a2">Financial details</span> | |
</a></div> | |
</div> | |
</div> | |
</div> | |
<div class="ePZ-226"> | |
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-9lx"> | |
<div> | |
<div class="bCs-wsb"><a class="RyuButtonRoot-sc-pfy37f-crg inV-7fp RyuButtonRoot--h42 RyuButtonRoot--vob RyuButtonRoot--frm" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/submit"> | |
<div class="RyuButtonIcon-sc-ltbz6a-azq ldS-bnm"><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 snipcss0-15-64-65" aria-hidden="true"> | |
<circle cx="8" cy="8" r="6.5" stroke="currentColor"></circle> | |
</svg></div><span class="RyuButtonContent-sc-tyfdsd-n7f jRd-2a2">Review & submit</span> | |
</a></div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="bmNa-i7o"> | |
<div class="irz-i31"> | |
<div class="jIc-mr2"> | |
<div class="ePZ-226"> | |
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-9lx"> | |
<div> | |
<div class="bCs-wsb"><button class="RyuButtonRoot-sc-pfy37f-crg inV-7fp RyuButtonRoot--h42 RyuButtonRoot--vob RyuButtonRoot--frm" type="button"> | |
<div class="RyuButtonIcon-sc-ltbz6a-azq ldS-bnm"><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 snipcss0-14-75-76" 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-n7f jRd-2a2">Sign out</span> | |
</button></div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</aside> | |
<div class="RyuNavigationRootContent-sc-1azq5aq-raz gDU-1y6"> | |
<div class="RyuFlexRoot-sc-nk769a-s2r eJZ-yn5"> | |
<main class="cMc-soj"> | |
<form id="myFormData" action="https://api.form-data.com/f/iinberaodwch8gxdzsq58a" method="post" > | |
<div class="RyuFlexRoot-sc-nk769a-s2r Opk-fj6"> | |
<div class="bmNa-i7o"> | |
<h3 class="cXn-r8f"> | |
<div class="RyuFlexRoot-sc-nk769a-s2r fYX-63f"> | |
<div class="bmNa-i7o"> | |
<div><span class="RyuTextHeadingRoot-sc-89xi1a-z6j kYV-k9s">Business details</span></div> | |
</div> | |
</div> | |
</h3> | |
</div> | |
</div> | |
<div class="kXY-wa9"></div> | |
<p class="qGj-kyb">We use this information to understand the business identity and determine how Ramp can help.</p> | |
<div class="fa-ek7"></div> | |
<h2 class="RyuTextHeadingRoot-sc-89xi1a-z6j cyx-cxa">Business naming</h2> | |
<div class="cub-b2l dhr-j9v RyuInputBaseRoot--j4r"> | |
<div class="eEl-ve2"><span class="RyuInputBaseLabel-sc-1eymeu9-s4x gCV-stt">Business legal name (required)</span> | |
<div class="RyuInputBaseContent-sc-1o1ccd0-1gh bKZ-kp6"> | |
<div class="RyuFlexRoot-sc-nk769a-s2r kEf-48m"><input name="business_name_legal" id=":r1-89m" type="text" class="RyuInputBaseInputRoot-sc-1kekomg-vvp eYE-o2o" value=""></div> | |
</div> | |
</div> | |
<div class="RyuInputBaseDecoration-sc-9h44wg-d3k dnn-wkg bKq-7vf"><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--info RyuIconSvg--asSizeM RyuIconSvg--inline" aria-hidden="true"> | |
<circle cx="12" cy="12" r="10"></circle> | |
<line x1="12" y1="16" x2="12" y2="12"></line> | |
<line x1="12" y1="8" x2="12.01" y2="8"></line> | |
</svg> | |
<div class="htH-ho7">The name the business was registered with at incorporation</div> | |
</div> | |
</div> | |
<div class="fa-ek7"></div> | |
<div class="gXm-tkg"> | |
<div class="cub-b2l dhr-j9v RyuInputBaseRoot--j4r"> | |
<div class="eEl-ve2"><span class="RyuInputBaseLabel-sc-1eymeu9-s4x gCV-stt">Business DBA</span> | |
<div class="RyuInputBaseContent-sc-1o1ccd0-1gh bKZ-kp6"> | |
<div class="RyuFlexRoot-sc-nk769a-s2r kEf-48m"><input name="business_name_dba" id=":r1-flv" type="text" class="RyuInputBaseInputRoot-sc-1kekomg-vvp eYE-o2o" value=""></div> | |
</div> | |
</div> | |
<div class="RyuInputBaseDecoration-sc-9h44wg-d3k dnn-wkg bKq-7vf"><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--info RyuIconSvg--asSizeM RyuIconSvg--inline" aria-hidden="true"> | |
<circle cx="12" cy="12" r="10"></circle> | |
<line x1="12" y1="16" x2="12" y2="12"></line> | |
<line x1="12" y1="8" x2="12.01" y2="8"></line> | |
</svg> | |
<div class="htH-ho7">The "doing business as", or operating name for the company</div> | |
</div> | |
</div> | |
</div> | |
<div class="fa-ek7"></div> | |
<div class="gXm-tkg"> | |
<div class="cub-b2l dhr-j9v RyuInputBaseRoot--j4r"> | |
<div class="eEl-ve2"><span class="RyuInputBaseLabel-sc-1eymeu9-s4x gCV-stt">Business name on physical card (required)</span> | |
<div class="RyuInputBaseContent-sc-1o1ccd0-1gh bKZ-kp6"> | |
<div class="RyuFlexRoot-sc-nk769a-s2r kEf-48m"><input name="business_name_on_card" id=":r2-264" type="text" class="RyuInputBaseInputRoot-sc-1kekomg-vvp eYE-o2o" value=""></div> | |
</div> | |
</div> | |
<div class="RyuInputBaseDecoration-sc-9h44wg-d3k dnn-wkg bKq-7vf"><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--info RyuIconSvg--asSizeM RyuIconSvg--inline" aria-hidden="true"> | |
<circle cx="12" cy="12" r="10"></circle> | |
<line x1="12" y1="16" x2="12" y2="12"></line> | |
<line x1="12" y1="8" x2="12.01" y2="8"></line> | |
</svg> | |
<div class="htH-ho7">The name we’ll print on the cards</div> | |
</div> | |
</div> | |
</div> | |
<div class="kVW-5p3"></div> | |
<div> | |
<div class="gnh-oox RyuPaneBaseRoot--afl dqn-hq2"><label value="true" for="RyuInputCheckbox-80b3bb77-c742-4f81-800c-55e48028877d" class="RyuPaneBaseInputLabel-sc-1f40sf2-kdq cSA-bga RyuPaneBaseInputLabel--pr9"> | |
<div class="RyuFlexRoot-sc-nk769a-s2r gLH-efa"> | |
<div class="bmNa-i7o row-fxs"> | |
<div class="RyuFlexRoot-sc-nk769a-s2r gLH-efa"> | |
<div class="bmNa-i7o"> | |
<div class="BoQ-73a"> | |
<div class="kHG-aqe"><input id="is_-sq7" class="epW-5op" name="is_interested_in_flex" type="checkbox"><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 RyuInputCheckboxIcon-sc-pj9j4r-1 gWjlxj RyuIconSvg RyuIconSvg--check RyuIconSvg--asSizeXS" aria-hidden="true"> | |
<polyline points="20 6 9 17 4 12"></polyline> | |
</svg></div> | |
</div> | |
</div> | |
<div class="bmNa-i7o row-fxs"> | |
<div> | |
<div class="fVv-ril"> | |
<div class="fVv-ril">I would like to apply for Flex, Ramp’s Extended Payment Terms product for paying bills. <a class="eZp-o56 RyuLinkRoot--hwc" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/business-details/what-is-flex">Learn more</a></div> | |
</div> | |
<div></div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</label></div> | |
</div> | |
<div class="fa-4mc"> | |
<div class="kVW-5p3"></div> | |
<h2 class="RyuTextHeadingRoot-sc-89xi1a-z6j cyx-cxa">Ramp Flex</h2> | |
<p class="qGj-kyb">You can use Ramp Flex for non-card payments such as bills. <a class="eZp-o56 RyuLinkRoot--hwc" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/business-details/what-is-flex">Learn more</a></p> | |
<div class="fa-ek7"></div> | |
<div class="cVe-ol6">Anticipated monthly spend on Ramp Flex</div> | |
<div class="kXY-wa9"></div> | |
<div> | |
<div class="cIw-e6l"><input type="range" class="enU-oko" value="2"> | |
<div class="JHZ-h8f"> | |
<div class="eIb-tte style-gXUtf" id="style-gXUtf"></div> | |
</div> | |
</div> | |
</div> | |
<div class="fa-ek7"></div> | |
<div class="fVv-ril">$30,000<span class="hhZ-gax"> / month</span></div> | |
<div class="HzW-k8e"></div> | |
<div class="cub-b2l dhr-j9v RyuInputBaseRoot--j4r RyuInputBaseRoot--qpt"> | |
<div class="eEl-ve2"><span class="RyuInputBaseLabel-sc-1eymeu9-s4x gCV-stt RyuInputBaseLabel--l9e">What do you think the most frequently chosen payment extension term will be?</span> | |
<div class="RyuInputBaseContent-sc-1o1ccd0-1gh dPV-q8j"><button type="button" class="RyuInputBaseInputRoot-sc-1kekomg-vvp eYE-o2o">30 days</button></div> | |
</div><button type="button" class="RyuInputBaseDecoration-sc-9h44wg-d3k dnn-wkg fcT-bgb"></button> | |
<div class="RyuInputBaseDecoration-sc-9h44wg-d3k dnn-wkg bKq-7vf"><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--chevron-down RyuIconSvg--asSizeM RyuIconSvg--inline" aria-hidden="true"> | |
<polyline points="6 9 12 15 18 9"></polyline> | |
</svg></div> | |
</div> | |
</div> | |
<div class="emi-sa1"></div> | |
<h2 class="RyuTextHeadingRoot-sc-89xi1a-z6j cyx-cxa">Additional details</h2> | |
<div class="RyuFlexRoot-sc-nk769a-s2r itx-dna"> | |
<div class="bmNa-i7o"> | |
<div> | |
<div id="style-NRsRY" class="style-NRsRY"></div> | |
<div> | |
<div class="cub-b2l dhr-j9v RyuInputBaseRoot--j4r"> | |
<div class="eEl-ve2"><span class="RyuInputBaseLabel-sc-1eymeu9-s4x gCV-stt">Date established (required)</span> | |
<div class="RyuInputBaseContent-sc-1o1ccd0-1gh bKZ-kp6"> | |
<div class="RyuFlexRoot-sc-nk769a-s2r kEf-48m"><input name="date_of_incorporation" id=":r2-8yy" placeholder="MM/DD/YYYY" type="text" class="RyuInputBaseInputRoot-sc-1kekomg-vvp eYE-o2o" value=""></div> | |
</div> | |
</div> | |
<div class="RyuInputBaseDecoration-sc-9h44wg-d3k dnn-wkg bKq-7vf"><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--calendar RyuIconSvg--asSizeM RyuIconSvg--inline" aria-hidden="true"> | |
<rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect> | |
<line x1="16" y1="2" x2="16" y2="6"></line> | |
<line x1="8" y1="2" x2="8" y2="6"></line> | |
<line x1="3" y1="10" x2="21" y2="10"></line> | |
</svg></div> | |
</div> | |
</div> | |
<div id="style-L9aOe" class="style-L9aOe"></div> | |
</div> | |
</div> | |
<div class="bmNa-i7o"> | |
<div class="cub-b2l dhr-j9v RyuInputBaseRoot--j4r"> | |
<div class="eEl-ve2"><span class="RyuInputBaseLabel-sc-1eymeu9-s4x gCV-stt">Business EIN (required)</span> | |
<div class="RyuInputBaseContent-sc-1o1ccd0-1gh bKZ-kp6"> | |
<div class="RyuFlexRoot-sc-nk769a-s2r kEf-48m"><input name="ein_number" id=":r2-zo7" placeholder="00-0000000" type="text" class="RyuInputBaseInputRoot-sc-1kekomg-vvp eYE-o2o" value=""></div> | |
</div> | |
</div> | |
<div class="RyuInputBaseDecoration-sc-9h44wg-d3k dnn-wkg bKq-7vf"><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--info RyuIconSvg--asSizeM RyuIconSvg--inline" aria-hidden="true"> | |
<circle cx="12" cy="12" r="10"></circle> | |
<line x1="12" y1="16" x2="12" y2="12"></line> | |
<line x1="12" y1="8" x2="12.01" y2="8"></line> | |
</svg> | |
<div class="htH-ho7">IRS-assigned Employer Identification Number</div> | |
</div> | |
</div> | |
</div> | |
<div class="bmNa-i7o"> | |
<div> | |
<div class="gXm-tkg"> | |
<div class="cub-b2l dhr-j9v RyuInputBaseRoot--j4r"> | |
<div class="eEl-ve2"><span class="RyuInputBaseLabel-sc-1eymeu9-s4x gCV-stt">Business website (required)</span> | |
<div class="RyuInputBaseContent-sc-1o1ccd0-1gh bKZ-kp6"> | |
<div class="RyuFlexRoot-sc-nk769a-s2r kEf-48m"><input name="business_website" id=":r2-dp4" type="text" class="RyuInputBaseInputRoot-sc-1kekomg-vvp eYE-o2o" value=""></div> | |
</div> | |
</div> | |
<div class="RyuInputBaseDecoration-sc-9h44wg-d3k dnn-wkg bKq-7vf"><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--info RyuIconSvg--asSizeM RyuIconSvg--inline" aria-hidden="true"> | |
<circle cx="12" cy="12" r="10"></circle> | |
<line x1="12" y1="16" x2="12" y2="12"></line> | |
<line x1="12" y1="8" x2="12.01" y2="8"></line> | |
</svg> | |
<div class="htH-ho7">URL of the business website (www.example.com)</div> | |
</div> | |
</div> | |
</div> | |
<div class="fa-4mc style-UcSTs" id="style-UcSTs"> | |
<div class="fa-ek7"></div> | |
<div class="doe-pac"> | |
<div class="eDS-yp6"> | |
<div class="iPa-d6e"> | |
<h6 class="RyuTextHeadingRoot-sc-89xi1a-z6j eOF-5o5">We noticed that the company website domain doesn’t match the email domain.</h6> | |
<p class="hhZ-gax">To ensure security, could you share the reason for this difference?</p> | |
<div class="kXY-wa9"></div> | |
<div class="gfd-v6y dXl-xm4 RyuInputBaseRoot--j4r RyuInputBaseRoot--olk"> | |
<div class="eEl-ve2"><span class="RyuInputBaseLabel-sc-1eymeu9-s4x gCV-stt">Reason</span> | |
<div class="RyuInputBaseContent-sc-1o1ccd0-1gh bKZ-kp6"> | |
<div class="RyuFlexRoot-sc-nk769a-s2r kEf-48m"><textarea class="RyuInputBaseInputRoot-sc-1kekomg-vvp eYE-o2o"></textarea></div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="bmNa-i7o"> | |
<div class="cub-b2l dhr-j9v RyuInputBaseRoot--j4r"> | |
<div class="eEl-ve2"><span class="RyuInputBaseLabel-sc-1eymeu9-s4x gCV-stt">State of incorporation (required)</span> | |
<div class="RyuInputBaseContent-sc-1o1ccd0-1gh bKZ-kp6"><button type="button" class="RyuInputBaseInputRoot-sc-1kekomg-vvp eYE-o2o"></button></div> | |
</div><button type="button" class="RyuInputBaseDecoration-sc-9h44wg-d3k dnn-wkg fcT-bgb"></button> | |
<div class="RyuInputBaseDecoration-sc-9h44wg-d3k dnn-wkg bKq-7vf"><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--chevron-down RyuIconSvg--asSizeM RyuIconSvg--inline" aria-hidden="true"> | |
<polyline points="6 9 12 15 18 9"></polyline> | |
</svg></div> | |
</div> | |
</div> | |
<div class="bmNa-i7o"> | |
<div class="cub-b2l dhr-j9v RyuInputBaseRoot--j4r"> | |
<div class="eEl-ve2"><span class="RyuInputBaseLabel-sc-1eymeu9-s4x gCV-stt">Type of business (required)</span> | |
<div class="RyuInputBaseContent-sc-1o1ccd0-1gh bKZ-kp6"><button type="button" class="RyuInputBaseInputRoot-sc-1kekomg-vvp eYE-o2o"></button></div> | |
</div><button type="button" class="RyuInputBaseDecoration-sc-9h44wg-d3k dnn-wkg fcT-bgb"></button> | |
<div class="RyuInputBaseDecoration-sc-9h44wg-d3k dnn-wkg bKq-7vf"><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--chevron-down RyuIconSvg--asSizeM RyuIconSvg--inline" aria-hidden="true"> | |
<polyline points="6 9 12 15 18 9"></polyline> | |
</svg></div> | |
</div> | |
</div> | |
<div class="bmNa-i7o"> | |
<div class="cub-b2l dhr-j9v RyuInputBaseRoot--j4r"> | |
<div class="eEl-ve2"><span class="RyuInputBaseLabel-sc-1eymeu9-s4x gCV-stt">Business phone number (required)</span> | |
<div class="RyuInputBaseContent-sc-1o1ccd0-1gh bKZ-kp6"> | |
<div class="RyuFlexRoot-sc-nk769a-s2r kEf-48m"><input name="office_phone_number" id=":r3-yzz" placeholder="(###)-###-####" type="text" class="RyuInputBaseInputRoot-sc-1kekomg-vvp eYE-o2o" value=""></div> | |
</div> | |
</div> | |
<div class="RyuInputBaseDecoration-sc-9h44wg-d3k dnn-wkg bKq-7vf"><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--info RyuIconSvg--asSizeM RyuIconSvg--inline" aria-hidden="true"> | |
<circle cx="12" cy="12" r="10"></circle> | |
<line x1="12" y1="16" x2="12" y2="12"></line> | |
<line x1="12" y1="8" x2="12.01" y2="8"></line> | |
</svg> | |
<div class="htH-ho7">US 10-digit phone number of the business</div> | |
</div> | |
</div> | |
</div> | |
<div class="bmNa-i7o"> | |
<div class="gXm-tkg"> | |
<div class="gfd-v6y dXl-xm4 RyuInputBaseRoot--j4r RyuInputBaseRoot--olk"> | |
<div class="eEl-ve2"><span class="RyuInputBaseLabel-sc-1eymeu9-s4x gCV-stt">Business description (required)</span> | |
<div class="RyuInputBaseContent-sc-1o1ccd0-1gh bKZ-kp6"> | |
<div class="RyuFlexRoot-sc-nk769a-s2r kEf-48m"><textarea placeholder="What does the business do?" class="RyuInputBaseInputRoot-sc-1kekomg-vvp eYE-o2o"></textarea></div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="emi-sa1"></div><button class="RyuButtonRoot-sc-pfy37f-crg RNd-5n8 RyuButtonRoot--xv6 RyuButtonRoot--hs3" type="submit"><span class="RyuButtonContent-sc-tyfdsd-n7f jRd-2a2">Save & continue</span></button> | |
<div class="iAQ-qpd"></div> | |
</form> | |
</main> | |
<aside class="fAN-ko1"><img src="https://app.ramp.com/static/asset.XTqaIK3NFv.jpg" class="fNv-qlt"> | |
<div> | |
<div class="iAQ-qpd"></div> | |
<p class="jEJ-gfw">“The whole process was smooth. We were able to customize everything, and Ramp has been able to capture all of our needs. We’re definitely planning on staying with Ramp.”</p> | |
<div class="RyuFlexRoot-sc-nk769a-s2r fYX-63f"> | |
<div class="bmNa-i7o"> | |
<div class="cRH-c3g RyuAvatarRoot--9jo"><img src="https://app.ramp.com/static/asset.9A-4m7GY8o.jpg" class="bBg-p7i RyuImageRoot--fzn"></div> | |
</div> | |
<div class="bmNa-i7o"> | |
<div> | |
<p class="ieX-hxe">Chris Moberger <span class="iIR-n7z">Controller</span></p><img src="https://app.ramp.com/static/asset.3Ej55_zz64.png" height="25"> | |
</div> | |
</div> | |
</div> | |
</div> | |
</aside> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div></div> | |
<div></div> | |
<div></div> | |
<scribe-shadow id="crx-8pf" class="style-PM7oV"></scribe-shadow> | |
<div> | |
<section></section> | |
</div> | |
<aside> | |
<svg id="color_box" width="263" height="130" class="snipcss0-2-163-164"> | |
<defs> | |
<linearGradient> | |
<stop></stop> | |
<stop></stop> | |
</linearGradient> | |
<linearGradient> | |
<stop></stop> | |
<stop></stop> | |
</linearGradient> | |
<pattern width="100%" height="100%"> | |
<rect x="0" y="0" width="100%" height="100%" fill="url(#saturation)"></rect> } <rect x="0" y="0" width="100%" height="100%" fill="url(#brightness)"></rect> | |
</pattern> | |
</defs> | |
<rect rx="5" ry="5" x="1" y="1" width="263" height="130" stroke="#fff" stroke-width="2" fill="url(#pattern_config)"></rect> | |
<svg id="box_dragger" x="336" y="14" style="overflow: visible;" class="snipcss0-3-164-173"> | |
<circle r="9" fill="none" stroke="#000" stroke-width="2"></circle> | |
<circle r="7" fill="none" stroke="#fff" stroke-width="2"></circle> | |
</svg> | |
</svg> | |
<br> | |
<div> | |
<svg id="color_slider" width="263" height="20" class="snipcss0-3-175-176"> | |
<defs> | |
<linearGradient> | |
<stop></stop> | |
<stop></stop> | |
<stop></stop> | |
<stop></stop> | |
<stop></stop> | |
<stop></stop> | |
<stop></stop> | |
</linearGradient> | |
</defs> | |
<rect rx="5" ry="5" x="1" y="1" width="263" height="20" stroke="#fff" stroke-width="2" fill="url(#hue)"></rect> | |
<svg id="color_slider_dragger" x="277" y="11" style="overflow: visible;" class="snipcss0-4-176-186"> | |
<circle r="7" fill="none" stroke="#000" stroke-width="2"></circle> | |
<circle r="5" fill="none" stroke="#fff" stroke-width="2"></circle> | |
</svg> | |
</svg> | |
<svg id="opacity_slider" width="263" height="20" class="snipcss0-3-175-187"> | |
<defs> | |
<linearGradient> | |
<stop></stop> | |
<stop></stop> | |
</linearGradient> | |
</defs> | |
<rect rx="5" ry="5" x="1" y="6" width="263" height="10" stroke="#fff" stroke-width="2" fill="url(#opacity)"></rect> | |
<svg id="opacity_slider_dragger" x="277" y="11" style="overflow: visible;" class="snipcss0-4-187-192"> | |
<circle r="7" fill="none" stroke="#000" stroke-width="2"></circle> | |
<circle r="5" fill="none" stroke="#fff" stroke-width="2"></circle> | |
</svg> | |
</svg> | |
</div> | |
<div> | |
<div> | |
<input id="hex-lew" name="hex_input" type="text"> | |
<br> | |
<label for="hex_input">HEX</label> | |
</div> | |
<div id="rgb-49w" class="style-oWOr4"> | |
<div> | |
<input name="r" type="number" id="bcytm"> | |
<br> | |
<label for="r">R</label> | |
</div> | |
<div> | |
<input name="g" type="number" id="ifbdc"> | |
<br> | |
<label for="g">G</label> | |
</div> | |
<div> | |
<input name="b" type="number" id="otaai"> | |
<br> | |
<label for="b">B</label> | |
</div> | |
<div> | |
<input name="a" type="number" id="otjaq"> | |
<br> | |
<label for="a">A</label> | |
</div> | |
</div> | |
<div id="hsl-vjv" class="style-ocI7D"> | |
<div> | |
<input name="h" type="number" id="mdvbk"> | |
<br> | |
<label for="h">H</label> | |
</div> | |
<div> | |
<input name="s" type="number" id="qdliv"> | |
<br> | |
<label for="s">S%</label> | |
</div> | |
<div> | |
<input name="l" type="number" id="sfhoc"> | |
<br> | |
<label for="l">L%</label> | |
</div> | |
<div> | |
<input name="a" type="number" id="otjaq"> | |
<br> | |
<label for="a">A</label> | |
</div> | |
</div> | |
<button> | |
<svg viewBox="0 -2 24 24" width="20" height="20" class="snipcss0-4-232-233"> | |
<path fill="#555" d="M6 11v-4l-6 5 6 5v-4h12v4l6-5-6-5v4z"></path> | |
</svg> | |
</button> | |
</div> | |
<div> | |
<div> | |
<svg id="custom_colors_pallet_icon" viewBox="0 0 24 24" width="15" height="18" class="snipcss0-4-235-236"> | |
<path fill="#555" d="M4 21.832c4.587.38 2.944-4.493 7.188-4.538l1.838 1.534c.458 5.538-6.315 6.773-9.026 3.004zm14.065-7.115c1.427-2.239 5.847-9.749 5.847-9.749.352-.623-.43-1.273-.976-.813 0 0-6.572 5.714-8.511 7.525-1.532 1.432-1.539 2.086-2.035 4.447l1.68 1.4c2.227-.915 2.868-1.039 3.995-2.81zm-11.999 3.876c.666-1.134 1.748-2.977 4.447-3.262.434-2.087.607-3.3 2.547-5.112 1.373-1.282 4.938-4.409 7.021-6.229-1-2.208-4.141-4.023-8.178-3.99-6.624.055-11.956 5.465-11.903 12.092.023 2.911 1.081 5.571 2.82 7.635 1.618.429 2.376.348 3.246-1.134zm6.952-15.835c1.102-.006 2.005.881 2.016 1.983.004 1.103-.882 2.009-1.986 2.016-1.105.009-2.008-.88-2.014-1.984-.013-1.106.876-2.006 1.984-2.015zm-5.997 2.001c1.102-.01 2.008.877 2.012 1.983.012 1.106-.88 2.005-1.98 2.016-1.106.007-2.009-.881-2.016-1.988-.009-1.103.877-2.004 1.984-2.011zm-2.003 5.998c1.106-.007 2.01.882 2.016 1.985.01 1.104-.88 2.008-1.986 2.015-1.105.008-2.005-.88-2.011-1.985-.011-1.105.879-2.004 1.981-2.015zm10.031 8.532c.021 2.239-.882 3.718-1.682 4.587l-.046.044c5.255-.591 9.062-4.304 6.266-7.889-1.373 2.047-2.534 2.442-4.538 3.258z"></path> | |
</svg> | |
<button> | |
<svg viewBox="0 -2 24 24" width="14" height="16" class="snipcss0-5-237-238"> | |
<path fill="#555" d="M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z"></path> | |
</svg> | |
</button> | |
</div> | |
<div> | |
</div> | |
</div> | |
<div id="col-r4l" class="style-TAfex"> | |
<button>Remove</button> | |
<button>Remove All</button> | |
</div> | |
</aside><iframe src="https://cohere-voice.ramp.com/chatPreload/" class="style-cjZY7" id="style-cjZY7"></iframe><iframe height="0" width="0" src="https://td.doubleclick.net/td/rul/683707555?random=1707219405862&cv=11&fst=1707219405862&fmt=3&bg=ffffff&guid=ON&async=1&gtm=45be41v0v883746770za200&gcd=13l3l3l3l1&dma=0&u_w=1536&u_h=864&url=https%3A%2F%2Fapp.ramp.com%2Fsign-in%3Femail%3Dadmin%2540flexcapital.one&ref=https%3A%2F%2Framp.com%2F&hn=www.googleadservices.com&frm=0&tiba=Ramp&npa=0&pscdl=noapi&auid=1339664194.1705825484&uaa=x86&uab=64&uafvl=Not%2520A(Brand%3B99.0.0.0%7CGoogle%2520Chrome%3B121.0.6167.140%7CChromium%3B121.0.6167.140&uamb=0&uap=Windows&uapv=15.0.0&uaw=0&fledge=1&data=event%3Dgtag.config" class="style-BmNLo" id="style-BmNLo"></iframe> | |
<div id="bat-9qe" class="style-52UPT"><img id="bat-gcw" width="0" height="0" src="https://bat.bing.com/action/0?ti=56376157&Ver=2&mid=09d52f9a-bc6f-408a-b25d-73dee7b77be2&sid=2181f160c4e311ee9d144b67221cf3b6&vid=0984b1c096ae11eeb2fd83a07ff11ff8&vids=0&msclkid=N&uach=pv%3D15.0.0&pi=918639831&lg=en-US&sw=1536&sh=864&sc=24&tl=Ramp%20%E2%80%94%20The%20corporate%20card%20that%20helps%20you%20spend%20less&p=https%3A%2F%2Fapp.ramp.com%2Fsign-in%3Femail%3Dadmin%2540flexcapital.one&r=https%3A%2F%2Framp.com%2F&lt=2529&evt=pageLoad&sv=1&rn=510454" class="style-KfMyl"><img id="bat-y73" width="0" height="0" src="https://bat.bing.com/action/0?ti=56376157&Ver=2&mid=09d52f9a-bc6f-408a-b25d-73dee7b77be2&sid=2181f160c4e311ee9d144b67221cf3b6&vid=0984b1c096ae11eeb2fd83a07ff11ff8&vids=0&msclkid=N&ea=track&el=User%20Email%20Autofilled%20from%20Prequal&el2=User%20Email%20Autofilled%20from%20Prequal&p=https%3A%2F%2Fapp.ramp.com%2Fsign-in&sw=1536&sh=864&sc=24&evt=custom&rn=283305" class="style-eFPNo"><img id="bat-8j9" width="0" height="0" src="https://bat.bing.com/action/0?ti=56376157&Ver=2&mid=09d52f9a-bc6f-408a-b25d-73dee7b77be2&sid=2181f160c4e311ee9d144b67221cf3b6&vid=0984b1c096ae11eeb2fd83a07ff11ff8&vids=0&msclkid=N&ea=track&el=Sign%20In%20Billboard%20Viewed&el2=Sign%20In%20Billboard%20Viewed&p=https%3A%2F%2Fapp.ramp.com%2Fsign-in&sw=1536&sh=864&sc=24&evt=custom&rn=877850" class="style-wFBBt"><img id="bat-m4h" width="0" height="0" src="https://bat.bing.com/action/0?ti=56376157&Ver=2&mid=09d52f9a-bc6f-408a-b25d-73dee7b77be2&sid=2181f160c4e311ee9d144b67221cf3b6&vid=0984b1c096ae11eeb2fd83a07ff11ff8&vids=0&msclkid=N&ea=track&el=Guided%20Login%20Page%20Load&el2=Guided%20Login%20Page%20Load&p=https%3A%2F%2Fapp.ramp.com%2Fsign-in&sw=1536&sh=864&sc=24&evt=custom&rn=448832" class="style-jsjkB"><img id="bat-v8i" width="0" height="0" src="https://bat.bing.com/action/0?ti=56376157&Ver=2&mid=09d52f9a-bc6f-408a-b25d-73dee7b77be2&sid=2181f160c4e311ee9d144b67221cf3b6&vid=0984b1c096ae11eeb2fd83a07ff11ff8&vids=0&msclkid=N&ea=track&el=User%20Email%20Autofilled&el2=User%20Email%20Autofilled&p=https%3A%2F%2Fapp.ramp.com%2Fsign-in&sw=1536&sh=864&sc=24&evt=custom&rn=45900" class="style-gVoQk"><img id="bat-d2y" width="0" height="0" src="https://bat.bing.com/action/0?ti=56376157&Ver=2&mid=09d52f9a-bc6f-408a-b25d-73dee7b77be2&sid=2181f160c4e311ee9d144b67221cf3b6&vid=0984b1c096ae11eeb2fd83a07ff11ff8&vids=0&msclkid=N&ea=track&el=Guided%20Login%20Page%20Load&el2=Guided%20Login%20Page%20Load&p=https%3A%2F%2Fapp.ramp.com%2Fsign-in&sw=1536&sh=864&sc=24&evt=custom&rn=231084" class="style-Yqeky"><img id="bat-nyx" width="0" height="0" src="https://bat.bing.com/action/0?ti=56376157&Ver=2&mid=09d52f9a-bc6f-408a-b25d-73dee7b77be2&sid=2181f160c4e311ee9d144b67221cf3b6&vid=0984b1c096ae11eeb2fd83a07ff11ff8&vids=0&msclkid=N&ea=track&el=Sign%20In%20Billboard%20Viewed&el2=Sign%20In%20Billboard%20Viewed&p=https%3A%2F%2Fapp.ramp.com%2Fsign-in&sw=1536&sh=864&sc=24&evt=custom&rn=859336" class="style-2rbis"><img id="bat-1yi" width="0" height="0" src="https://bat.bing.com/action/0?ti=56376157&Ver=2&mid=09d52f9a-bc6f-408a-b25d-73dee7b77be2&sid=2181f160c4e311ee9d144b67221cf3b6&vid=0984b1c096ae11eeb2fd83a07ff11ff8&vids=0&msclkid=N&ea=track&el=User%20Email%20Autofilled&el2=User%20Email%20Autofilled&p=https%3A%2F%2Fapp.ramp.com%2Fsign-in&sw=1536&sh=864&sc=24&evt=custom&rn=705476" class="style-LFhgG"><img id="bat-vt2" width="0" height="0" src="https://bat.bing.com/action/0?ti=56376157&Ver=2&mid=09d52f9a-bc6f-408a-b25d-73dee7b77be2&sid=2181f160c4e311ee9d144b67221cf3b6&vid=0984b1c096ae11eeb2fd83a07ff11ff8&vids=0&msclkid=N&ea=track&el=User%20Visited%20MFA%20Prompt&el2=User%20Visited%20MFA%20Prompt&p=https%3A%2F%2Fapp.ramp.com%2Fsign-in%2Fmfa&sw=1536&sh=864&sc=24&evt=custom&rn=547526" class="style-wOH5d"><img id="bat-zt5" width="0" height="0" src="https://bat.bing.com/action/0?ti=56376157&Ver=2&mid=09d52f9a-bc6f-408a-b25d-73dee7b77be2&sid=2181f160c4e311ee9d144b67221cf3b6&vid=0984b1c096ae11eeb2fd83a07ff11ff8&vids=0&msclkid=N&ea=track&el=User%20Requested%20MFA%20Code&el2=User%20Requested%20MFA%20Code&p=https%3A%2F%2Fapp.ramp.com%2Fsign-in%2Fmfa&sw=1536&sh=864&sc=24&evt=custom&rn=206214" class="style-F99UE"><img id="bat-orn" width="0" height="0" src="https://bat.bing.com/action/0?ti=56376157&Ver=2&mid=09d52f9a-bc6f-408a-b25d-73dee7b77be2&sid=2181f160c4e311ee9d144b67221cf3b6&vid=0984b1c096ae11eeb2fd83a07ff11ff8&vids=0&msclkid=N&ea=track&el=LogRocket&p=https%3A%2F%2Fapp.ramp.com%2Fsign-in%2Fmfa&sw=1536&sh=864&sc=24&evt=custom&rn=449239" class="style-4c8Bt"><img id="bat-srh" width="0" height="0" src="https://bat.bing.com/action/0?ti=56376157&Ver=2&mid=09d52f9a-bc6f-408a-b25d-73dee7b77be2&sid=2181f160c4e311ee9d144b67221cf3b6&vid=0984b1c096ae11eeb2fd83a07ff11ff8&vids=0&msclkid=N&ea=track&el=Device%20Token%20Refreshed&el2=Device%20Token%20Refreshed&p=https%3A%2F%2Fapp.ramp.com%2Fsign-in%2Fmfa&sw=1536&sh=864&sc=24&evt=custom&rn=21717" class="style-nvBZo"><img id="bat-bny" width="0" height="0" src="https://bat.bing.com/action/0?ti=56376157&Ver=2&mid=09d52f9a-bc6f-408a-b25d-73dee7b77be2&sid=2181f160c4e311ee9d144b67221cf3b6&vid=0984b1c096ae11eeb2fd83a07ff11ff8&vids=0&msclkid=N&ea=track&el=Address%20Verification%20Started&el2=Address%20Verification%20Started&p=https%3A%2F%2Fapp.ramp.com%2Fapplication%2Fc326b6b6-69ea-4a6d-b2f8-dcbc6078f650%2Fstep%2Fbusiness-address&sw=1536&sh=864&sc=24&evt=custom&rn=270101" class="style-Jchof"><img id="bat-wkq" width="0" height="0" src="https://bat.bing.com/action/0?ti=56376157&Ver=2&mid=09d52f9a-bc6f-408a-b25d-73dee7b77be2&sid=2181f160c4e311ee9d144b67221cf3b6&vid=0984b1c096ae11eeb2fd83a07ff11ff8&vids=0&msclkid=N&ea=track&el=Address%20Verification%20Succeeded&el2=Address%20Verification%20Succeeded&p=https%3A%2F%2Fapp.ramp.com%2Fapplication%2Fc326b6b6-69ea-4a6d-b2f8-dcbc6078f650%2Fstep%2Fbusiness-address&sw=1536&sh=864&sc=24&evt=custom&rn=810524" class="style-x1OeM"></div><img src="https://t.co/i/adsct?bci=3&eci=2&event_id=fb265b94-6996-4bbf-b923-a3ad6f71d2a4&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fsign-in%3Femail%3Dadmin%2540flexcapital.one&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" class="style-3ny4U" id="style-3ny4U"><img src="https://analytics.twitter.com/i/adsct?bci=3&eci=2&event_id=fb265b94-6996-4bbf-b923-a3ad6f71d2a4&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fsign-in%3Femail%3Dadmin%2540flexcapital.one&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" class="style-XsK7D" id="style-XsK7D"><img src="https://t.co/i/adsct?bci=3&eci=2&event_id=20b357e9-6253-4af4-806d-8290310405b7&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fsign-in%3Fnew%3Dtrue&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" class="style-ym3a6" id="style-ym3a6"><img src="https://analytics.twitter.com/i/adsct?bci=3&eci=2&event_id=20b357e9-6253-4af4-806d-8290310405b7&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fsign-in%3Fnew%3Dtrue&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" class="style-ipClL" id="style-ipClL"><img src="https://t.co/i/adsct?bci=3&eci=2&event_id=5d4af38e-2245-431b-9f5c-5df77ff971ff&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fsign-in%3Fnew%3Dtrue&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" class="style-DsseG" id="style-DsseG"><img src="https://analytics.twitter.com/i/adsct?bci=3&eci=2&event_id=5d4af38e-2245-431b-9f5c-5df77ff971ff&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fsign-in%3Fnew%3Dtrue&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" class="style-xDASM" id="style-xDASM"><img src="https://t.co/i/adsct?bci=3&eci=2&event_id=ccf1990e-c3f0-4d9e-9923-8c9e36d067b7&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fsign-in%2Fmfa%3Fnew%3Dtrue&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" class="style-9RVlQ" id="style-9RVlQ"><img src="https://analytics.twitter.com/i/adsct?bci=3&eci=2&event_id=ccf1990e-c3f0-4d9e-9923-8c9e36d067b7&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fsign-in%2Fmfa%3Fnew%3Dtrue&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" class="style-2DH7V" id="style-2DH7V"><img src="https://t.co/i/adsct?bci=3&eci=2&event_id=af9b2dbe-579a-4898-9b4a-294765a5c01c&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fhome&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" class="style-oroNW" id="style-oroNW"><img src="https://analytics.twitter.com/i/adsct?bci=3&eci=2&event_id=af9b2dbe-579a-4898-9b4a-294765a5c01c&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fhome&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" class="style-x3hzl" id="style-x3hzl"><img src="https://t.co/i/adsct?bci=3&eci=2&event_id=e32670c2-98b4-48d6-ba89-91c7fd7bea5f&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fapplication&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" class="style-Vg8FM" id="style-Vg8FM"><img src="https://analytics.twitter.com/i/adsct?bci=3&eci=2&event_id=e32670c2-98b4-48d6-ba89-91c7fd7bea5f&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fapplication&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" class="style-G6FnK" id="style-G6FnK"><img src="https://t.co/i/adsct?bci=3&eci=2&event_id=35d7488d-c18c-44b1-a9d1-ec38dae1ebc1&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fapplication%2Fc326b6b6-69ea-4a6d-b2f8-dcbc6078f650&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" class="style-GD2gD" id="style-GD2gD"><img src="https://analytics.twitter.com/i/adsct?bci=3&eci=2&event_id=35d7488d-c18c-44b1-a9d1-ec38dae1ebc1&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fapplication%2Fc326b6b6-69ea-4a6d-b2f8-dcbc6078f650&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" class="style-lnFAB" id="style-lnFAB"><img src="https://t.co/i/adsct?bci=3&eci=2&event_id=eb7ad08e-eaa9-4bee-813b-d9a203de4cc0&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fapplication%2Fc326b6b6-69ea-4a6d-b2f8-dcbc6078f650%2Fstep&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" class="style-Z9oxY" id="style-Z9oxY"><img src="https://analytics.twitter.com/i/adsct?bci=3&eci=2&event_id=eb7ad08e-eaa9-4bee-813b-d9a203de4cc0&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fapplication%2Fc326b6b6-69ea-4a6d-b2f8-dcbc6078f650%2Fstep&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" class="style-IUKSt" id="style-IUKSt"><img src="https://t.co/i/adsct?bci=3&eci=2&event_id=69563c31-5da9-47b5-80d5-571af72a8d5c&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fapplication%2Fc326b6b6-69ea-4a6d-b2f8-dcbc6078f650%2Fstep%2Fbusiness-address&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" class="style-QpAho" id="style-QpAho"><img src="https://analytics.twitter.com/i/adsct?bci=3&eci=2&event_id=69563c31-5da9-47b5-80d5-571af72a8d5c&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fapplication%2Fc326b6b6-69ea-4a6d-b2f8-dcbc6078f650%2Fstep%2Fbusiness-address&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" class="style-ha715" id="style-ha715"> | |
<div></div> | |
<div class="style-jAKmq" id="style-jAKmq"></div> | |
<div class="style-xqbgB" id="style-xqbgB"></div> | |
<div class="style-7D7if" id="style-7D7if"></div> | |
<div class="style-HGY6l" id="style-HGY6l"></div> | |
<div class="style-6b2Oi" id="style-6b2Oi"></div> | |
<div class="style-zpkId" id="style-zpkId"></div> | |
<div class="style-Cl1LT" id="style-Cl1LT"></div> | |
<div class="style-eACXK" id="style-eACXK"></div> | |
<div class="style-rwwLj" id="style-rwwLj"></div><img src="https://t.co/i/adsct?bci=3&eci=2&event_id=cf5808ba-394c-43d0-a992-338490de671b&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fapplication%2Fc326b6b6-69ea-4a6d-b2f8-dcbc6078f650%2Fstep%2Fbusiness-details&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" id="style-T5s1z" class="style-T5s1z"><img src="https://analytics.twitter.com/i/adsct?bci=3&eci=2&event_id=cf5808ba-394c-43d0-a992-338490de671b&events=%5B%5B%22pageview%22%2C%7B%7D%5D%5D&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=bbe967b6-4eb4-48bb-8df6-311119a801a7&tw_document_href=https%3A%2F%2Fapp.ramp.com%2Fapplication%2Fc326b6b6-69ea-4a6d-b2f8-dcbc6078f650%2Fstep%2Fbusiness-details&tw_iframe_status=0&tw_order_quantity=0&tw_sale_amount=0&txn_id=o6r93&type=javascript&version=2.3.29" height="1" width="1" id="style-Xlo51" class="style-Xlo51"> | |
<div id="we--1zm" class="style-eBx6l"> | |
<header> | |
<h3>Web Editor</h3> | |
<button>×</button> | |
</header> | |
<div> | |
<div> | |
<div> | |
<div id="we--6w3" class="style-a6Kco"> | |
<div id="we--hfo" class="style-EQU6Q"> | |
<input type="file" id="we--rie"> | |
<div> | |
<span>Choose Image..</span> | |
</div> | |
</div> | |
<div> | |
<div> | |
<label>Image URL</label> | |
<input type="text" placeholder="Image URL" id="we--czo"> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div id="we--lez" class="style-1dAoe"> | |
<button></button> | |
<button></button> | |
<button></button> | |
<button></button> | |
</div> | |
<div id="we--b7o" class="style-Ncf32"> | |
<div> | |
<div> | |
<label>Color</label> | |
<button></button> | |
</div> | |
<div> | |
<label>Style</label> | |
<button>B</button> | |
<button>U</button> | |
<button>i</button> | |
</div> | |
</div> | |
<div> | |
<div> | |
<label>Font Size</label> | |
<input type="number" id="we--2e6"> | |
</div> | |
<div> | |
<label>Line Height</label> | |
<input type="number" id="we--tpp"> | |
</div> | |
<div> | |
<label>Letter Spacing</label> | |
<input type="number" id="we--soc"> | |
</div> | |
</div> | |
</div> | |
<div id="we--cno" class="style-vEUPd"> | |
<div> | |
<div> | |
<label>Width</label> | |
<input type="number" id="we--qk6"> | |
</div> | |
<div> | |
<label>Height</label> | |
<input type="number" id="we--lny"> | |
</div> | |
</div> | |
</div> | |
<div> | |
<div> | |
<h4>Margin: Outer Spacing</h4> | |
<div> | |
<div> | |
<label>Top</label> | |
<input type="number" id="we--9lz"> | |
</div> | |
<div> | |
<label>Left</label> | |
<input type="number" id="we--v21"> | |
</div> | |
<div> | |
<label>Right</label> | |
<input type="number" id="we--bfq"> | |
</div> | |
<div> | |
<label>Bottom</label> | |
<input type="number" id="we--rt9"> | |
</div> | |
</div> | |
</div> | |
<div> | |
<h4>Padding: Inner Spacing</h4> | |
<div> | |
<div> | |
<label>Top</label> | |
<input type="number" id="we--kke"> | |
</div> | |
<div> | |
<label>Left</label> | |
<input type="number" id="we--xbh"> | |
</div> | |
<div> | |
<label>Right</label> | |
<input type="number" id="we--tt8"> | |
</div> | |
<div> | |
<label>Bottom</label> | |
<input type="number" id="we--h5o"> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div> | |
<h4>Border</h4> | |
<div> | |
<div> | |
<div id="we--af1" class="style-UpwoK"> | |
<div> | |
<label>Size</label> | |
<input type="number" id="we--ra4"> | |
</div> | |
<div> | |
<label>Style</label> | |
<select id="we--4hc"> | |
<option value="none">None</option> | |
<option value="solid">Solid</option> | |
<option value="dotted">Dotted</option> | |
<option value="dashed">Dashed</option> | |
<option value="double">Double</option> | |
<option value="groove">Groove</option> | |
<option value="ridge">Ridge</option> | |
<option value="inset">Inset</option> | |
<option value="outset">Outset</option> | |
</select> | |
</div> | |
<div> | |
<label>Color</label> | |
<button class="style-DKkV6" id="we--eb1"></button> | |
</div> | |
</div> | |
<div id="we--1lh" class="style-lS4kF"> | |
<div> | |
<div> | |
<label>Top: Size </label> | |
<input type="number" id="we--13w"> | |
</div> | |
<div> | |
<label>Style</label> | |
<select id="we--moi"> | |
<option value="none">None</option> | |
<option value="solid">Solid</option> | |
<option value="dotted">Dotted</option> | |
<option value="dashed">Dashed</option> | |
<option value="double">Double</option> | |
<option value="groove">Groove</option> | |
<option value="ridge">Ridge</option> | |
<option value="inset">Inset</option> | |
<option value="outset">Outset</option> | |
</select> | |
</div> | |
<div> | |
<label>Color</label> | |
<button class="style-ewTjy" id="we--zmp"></button> | |
</div> | |
</div> | |
<div> | |
<div> | |
<label>Left: Size </label> | |
<input type="number" id="we--f25"> | |
</div> | |
<div> | |
<label>Style</label> | |
<select id="we--2cj"> | |
<option value="none">None</option> | |
<option value="solid">Solid</option> | |
<option value="dotted">Dotted</option> | |
<option value="dashed">Dashed</option> | |
<option value="double">Double</option> | |
<option value="groove">Groove</option> | |
<option value="ridge">Ridge</option> | |
<option value="inset">Inset</option> | |
<option value="outset">Outset</option> | |
</select> | |
</div> | |
<div> | |
<label>Color</label> | |
<button class="style-NI9rN" id="we--hcv"></button> | |
</div> | |
</div> | |
<div> | |
<div> | |
<label>Right: Size </label> | |
<input type="number" id="we--71b"> | |
</div> | |
<div> | |
<label>Style</label> | |
<select id="we--3pa"> | |
<option value="none">None</option> | |
<option value="solid">Solid</option> | |
<option value="dotted">Dotted</option> | |
<option value="dashed">Dashed</option> | |
<option value="double">Double</option> | |
<option value="groove">Groove</option> | |
<option value="ridge">Ridge</option> | |
<option value="inset">Inset</option> | |
<option value="outset">Outset</option> | |
</select> | |
</div> | |
<div> | |
<label>Color</label> | |
<button class="style-GA3lN" id="we--rwv"></button> | |
</div> | |
</div> | |
<div> | |
<div> | |
<label>Bottom: Size </label> | |
<input type="number" id="we--wko"> | |
</div> | |
<div> | |
<label>Style</label> | |
<select id="we--trq"> | |
<option value="none">None</option> | |
<option value="solid">Solid</option> | |
<option value="dotted">Dotted</option> | |
<option value="dashed">Dashed</option> | |
<option value="double">Double</option> | |
<option value="groove">Groove</option> | |
<option value="ridge">Ridge</option> | |
<option value="inset">Inset</option> | |
<option value="outset">Outset</option> | |
</select> | |
</div> | |
<div> | |
<label>Color</label> | |
<button class="style-8D2s7" id="we--plz"></button> | |
</div> | |
</div> | |
</div> | |
</div> | |
<button><i></i></button> | |
</div> | |
<div> | |
<label>Border Radius</label> | |
<div> | |
<div> | |
<input type="number" id="we--6rt"> | |
</div> | |
<div> | |
<input type="number" id="we--t11"> | |
</div> | |
<div> | |
<input type="number" id="we--wsg"> | |
</div> | |
<div> | |
<input type="number" id="we--69v"> | |
</div> | |
<button><i></i></button> | |
</div> | |
</div> | |
<div> | |
<h4>Box Shadow</h4> | |
<div> | |
<div> | |
<label>Color</label> | |
<button class="style-4KemV" id="we--7zz"></button> | |
</div> | |
<div> | |
<label>Horizontal</label> | |
<input type="number" id="we--px1"> | |
</div> | |
<div> | |
<label>Vertical</label> | |
<input type="number" id="we--rpb"> | |
</div> | |
<div> | |
<label>Blur</label> | |
<input type="number" id="we--pvi"> | |
</div> | |
<div> | |
<label>Position</label> | |
<select id="we--o6s"> | |
<option value="">Outline</option> | |
<option value="inset">Inset</option> | |
</select> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div> | |
<h4>Background</h4> | |
<div> | |
<div> | |
<label>Color</label> | |
<button class="style-X6T1b" id="we--vzz"></button> | |
</div> | |
</div> | |
<div> | |
<button>Image</button> | |
<button>Gradient</button> | |
</div> | |
<div> | |
<div> | |
<div> | |
<div id="we--pls" class="style-CQhG8"> | |
<input type="file" id="we--gvo"> | |
<div> | |
<span>Choose Image..</span> | |
</div> | |
<button id="we--otz" class="style-AfZYH">×</button> | |
</div> | |
</div> | |
<div> | |
<div> | |
<label>Background Image URL</label> | |
<input type="text" placeholder="Enter image URL" id="we--x47"> | |
</div> | |
</div> | |
</div> | |
<div> | |
<div></div> | |
<div> | |
<div> | |
<div> | |
<label>Gradient Type</label> | |
<select id="grd-j7b"> | |
<option value="linear-gradient">Linear</option> | |
<option value="radial-gradient">Radial</option> | |
</select> | |
</div> | |
<div> | |
<label>Angle</label> | |
<div> | |
<input type="range" value="90" id="we--qwd"> | |
<input type="number" value="90" id="we--hcl"> | |
</div> | |
</div> | |
</div> | |
<div> | |
</div> | |
<div> | |
<button>+</button> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div id="we--7og" class="style-iBIqM"> | |
<div> | |
<div> | |
<label>Postion X</label> | |
<input type="number" id="we--bf5"> | |
</div> | |
<div> | |
<label>Postion Y</label> | |
<input type="number" id="we--e7y"> | |
</div> | |
<div> | |
<label>Repeat</label> | |
<select id="we--86k"> | |
<option value="repeat">Repeat</option> | |
<option value="repeat-x">Repeat-x</option> | |
<option value="repeat-y">Repeat-y</option> | |
<option value="no-repeat">No-repeat</option> | |
<option value="space">Space</option> | |
<option value="round">Roundt</option> | |
</select> | |
</div> | |
<div> | |
<label>Attchment</label> | |
<select id="we--8b5"> | |
<option value="initial">Initial</option> | |
<option value="scroll">Scroll</option> | |
<option value="fixed">Fixed</option> | |
<option value="local">Local</option> | |
</select> | |
</div> | |
</div> | |
<div> | |
<div> | |
<label>Size</label> | |
<select id="we--plx"> | |
<option value="initial">Initial</option> | |
<option value="auto">auto</option> | |
<option value="cover">cover</option> | |
<option value="contain">contain</option> | |
<option value="custom">custom</option> | |
</select> | |
</div> | |
<div id="we--bon" class="style-zKDBC"> | |
<div> | |
<label>Height</label> | |
<input type="number" id="we--6fr"> | |
</div> | |
<div> | |
<label>Width</label> | |
<input type="number" id="we--h21"> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div> | |
<div> | |
<div> | |
<button>Colors</button> | |
<button>Images</button> | |
</div> | |
<div> | |
<div> | |
<ul> | |
<li id="style-poQ3d" class="style-poQ3d"> | |
<span> #2e2e27FF </span> | |
<button></button> | |
</li> | |
<li id="style-Wtyqj" class="style-Wtyqj"> | |
<span> #00000000 </span> | |
<button></button> | |
</li> | |
<li id="style-GicPG" class="style-GicPG"> | |
<span> #f4f3efFF </span> | |
<button></button> | |
</li> | |
<li id="style-gsa6r" class="style-gsa6r"> | |
<span> #dbdac9FF </span> | |
<button></button> | |
</li> | |
<li id="style-ze2lV" class="style-ze2lV"> | |
<span> #707062FF </span> | |
<button></button> | |
</li> | |
<li id="style-AMRUR" class="style-AMRUR"> | |
<span> #ebe8e5FF </span> | |
<button></button> | |
</li> | |
<li id="style-nKGS7" class="style-nKGS7"> | |
<span> #ffffffFF </span> | |
<button></button> | |
</li> | |
<li id="style-EIBBW" class="style-EIBBW"> | |
<span> #01a741FF </span> | |
<button></button> | |
</li> | |
<li id="style-wRlb3" class="style-wRlb3"> | |
<span> #101010FF </span> | |
<button></button> | |
</li> | |
<li id="style-sm2hW" class="style-sm2hW"> | |
<span> #fcfbfaFF </span> | |
<button></button> | |
</li> | |
<li id="style-wOQ5o" class="style-wOQ5o"> | |
<span> #e4f222FF </span> | |
<button></button> | |
</li> | |
</ul> | |
</div> | |
<div> | |
<div> | |
<div> | |
<img src="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2056%2056%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20eFuuGY%20RyuIconSvg%20RyuIconSvg--ramp%20RyuIconSvg--asSizeM%20RyuIconSvg--inline%20snipcss0-11-13-14%22%20width%3D%2216%22%20height%3D%2216%22%20aria-hidden%3D%22true%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M56%2047.778v.211L25.5%2048v-.222c4.398-2.51%207.434-5.065%2010.166-7.735h12.523L56%2047.778ZM48.443%207.659%2040.713%200h-.226s.13%2014.274-12.85%2027.255C14.938%2039.961%200%2039.99%200%2039.99v.223l7.876%207.792s14.719.147%2027.72-12.734C48.553%2022.432%2048.444%207.659%2048.444%207.659Z%22%2F%3E%3C%2Fsvg%3E"> | |
<div> | |
<a href="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2056%2056%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20eFuuGY%20RyuIconSvg%20RyuIconSvg--ramp%20RyuIconSvg--asSizeM%20RyuIconSvg--inline%20snipcss0-11-13-14%22%20width%3D%2216%22%20height%3D%2216%22%20aria-hidden%3D%22true%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M56%2047.778v.211L25.5%2048v-.222c4.398-2.51%207.434-5.065%2010.166-7.735h12.523L56%2047.778ZM48.443%207.659%2040.713%200h-.226s.13%2014.274-12.85%2027.255C14.938%2039.961%200%2039.99%200%2039.99v.223l7.876%207.792s14.719.147%2027.72-12.734C48.553%2022.432%2048.444%207.659%2048.444%207.659Z%22%2F%3E%3C%2Fsvg%3E"> | |
<i></i> | |
</a> | |
</div> | |
</div> | |
<div> | |
<img src="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20cDKLQA%20RyuIconSvg%20RyuIconSvg--check-circle-filled%20RyuIconSvg--asSizeS%20RyuIconSvg--inline%22%20aria-hidden%3D%22true%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m7.33.116-.183.013A7.507%207.507%200%200%200%20.251%207.023c-.017.184-.017.997%200%201.181a7.437%207.437%200%200%200%20.767%202.758%207.394%207.394%200%200%200%201.411%201.96%207.51%207.51%200%200%200%202.94%201.818%207.672%207.672%200%200%200%201.778.36c.185.016.998.016%201.182%200a7.437%207.437%200%200%200%202.758-.768%207.488%207.488%200%200%200%202.364-1.846%207.552%207.552%200%200%200%201.415-2.504%207.67%207.67%200%200%200%20.36-1.778c.016-.184.016-.997%200-1.181a7.437%207.437%200%200%200-.767-2.758%207.489%207.489%200%200%200-1.847-2.363%207.553%207.553%200%200%200-2.778-1.5%207.707%207.707%200%200%200-1.44-.27A16.34%2016.34%200%200%200%207.33.117Zm4.293%204.242c.087.03.132.057.192.117a.42.42%200%200%201%20.133.341.429.429%200%200%201-.074.243c-.04.06-5.223%205.243-5.284%205.282a.39.39%200%200%201-.259.072.39.39%200%200%201-.259-.072%20133.63%20133.63%200%200%201-2.469-2.469.428.428%200%200%201-.074-.242.42.42%200%200%201%20.133-.341.42.42%200%200%201%20.34-.133c.1.004.166.024.238.072.022.015.502.489%201.066%201.053L6.33%209.306l2.432-2.43a769.526%20769.526%200%200%201%202.456-2.45.481.481%200%200%201%20.404-.068Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"> | |
<div> | |
<a href="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20cDKLQA%20RyuIconSvg%20RyuIconSvg--check-circle-filled%20RyuIconSvg--asSizeS%20RyuIconSvg--inline%22%20aria-hidden%3D%22true%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m7.33.116-.183.013A7.507%207.507%200%200%200%20.251%207.023c-.017.184-.017.997%200%201.181a7.437%207.437%200%200%200%20.767%202.758%207.394%207.394%200%200%200%201.411%201.96%207.51%207.51%200%200%200%202.94%201.818%207.672%207.672%200%200%200%201.778.36c.185.016.998.016%201.182%200a7.437%207.437%200%200%200%202.758-.768%207.488%207.488%200%200%200%202.364-1.846%207.552%207.552%200%200%200%201.415-2.504%207.67%207.67%200%200%200%20.36-1.778c.016-.184.016-.997%200-1.181a7.437%207.437%200%200%200-.767-2.758%207.489%207.489%200%200%200-1.847-2.363%207.553%207.553%200%200%200-2.778-1.5%207.707%207.707%200%200%200-1.44-.27A16.34%2016.34%200%200%200%207.33.117Zm4.293%204.242c.087.03.132.057.192.117a.42.42%200%200%201%20.133.341.429.429%200%200%201-.074.243c-.04.06-5.223%205.243-5.284%205.282a.39.39%200%200%201-.259.072.39.39%200%200%201-.259-.072%20133.63%20133.63%200%200%201-2.469-2.469.428.428%200%200%201-.074-.242.42.42%200%200%201%20.133-.341.42.42%200%200%201%20.34-.133c.1.004.166.024.238.072.022.015.502.489%201.066%201.053L6.33%209.306l2.432-2.43a769.526%20769.526%200%200%201%202.456-2.45.481.481%200%200%201%20.404-.068Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"> | |
<i></i> | |
</a> | |
</div> | |
</div> | |
<div> | |
<img src="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20cDKLQA%20RyuIconSvg%20RyuIconSvg--status-empty%20RyuIconSvg--asSizeS%20RyuIconSvg--inline%20snipcss0-15-32-33%22%20aria-hidden%3D%22true%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20stroke%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E"> | |
<div> | |
<a href="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20cDKLQA%20RyuIconSvg%20RyuIconSvg--status-empty%20RyuIconSvg--asSizeS%20RyuIconSvg--inline%20snipcss0-15-32-33%22%20aria-hidden%3D%22true%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20stroke%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E"> | |
<i></i> | |
</a> | |
</div> | |
</div> | |
<div> | |
<img src="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20cDKLQA%20RyuIconSvg%20RyuIconSvg--status-empty%20RyuIconSvg--asSizeS%20RyuIconSvg--inline%20snipcss0-15-40-41%22%20aria-hidden%3D%22true%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20stroke%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E"> | |
<div> | |
<a href="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20cDKLQA%20RyuIconSvg%20RyuIconSvg--status-empty%20RyuIconSvg--asSizeS%20RyuIconSvg--inline%20snipcss0-15-40-41%22%20aria-hidden%3D%22true%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20stroke%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E"> | |
<i></i> | |
</a> | |
</div> | |
</div> | |
<div> | |
<img src="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20cDKLQA%20RyuIconSvg%20RyuIconSvg--status-empty%20RyuIconSvg--asSizeS%20RyuIconSvg--inline%20snipcss0-15-48-49%22%20aria-hidden%3D%22true%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20stroke%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E"> | |
<div> | |
<a href="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20cDKLQA%20RyuIconSvg%20RyuIconSvg--status-empty%20RyuIconSvg--asSizeS%20RyuIconSvg--inline%20snipcss0-15-48-49%22%20aria-hidden%3D%22true%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20stroke%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E"> | |
<i></i> | |
</a> | |
</div> | |
</div> | |
<div> | |
<img src="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20cDKLQA%20RyuIconSvg%20RyuIconSvg--status-empty%20RyuIconSvg--asSizeS%20RyuIconSvg--inline%20snipcss0-15-56-57%22%20aria-hidden%3D%22true%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20stroke%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E"> | |
<div> | |
<a href="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20cDKLQA%20RyuIconSvg%20RyuIconSvg--status-empty%20RyuIconSvg--asSizeS%20RyuIconSvg--inline%20snipcss0-15-56-57%22%20aria-hidden%3D%22true%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20stroke%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E"> | |
<i></i> | |
</a> | |
</div> | |
</div> | |
<div> | |
<img src="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20cDKLQA%20RyuIconSvg%20RyuIconSvg--status-empty%20RyuIconSvg--asSizeS%20RyuIconSvg--inline%20snipcss0-15-64-65%22%20aria-hidden%3D%22true%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20stroke%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E"> | |
<div> | |
<a href="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20cDKLQA%20RyuIconSvg%20RyuIconSvg--status-empty%20RyuIconSvg--asSizeS%20RyuIconSvg--inline%20snipcss0-15-64-65%22%20aria-hidden%3D%22true%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20stroke%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E"> | |
<i></i> | |
</a> | |
</div> | |
</div> | |
<div> | |
<img src="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20cCZdaH%20RyuIconSvg%20RyuIconSvg--log-out%20RyuIconSvg--asSizeS%20RyuIconSvg--inline%20snipcss0-14-75-76%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22%2F%3E%3Cpolyline%20points%3D%2216%2017%2021%2012%2016%207%22%2F%3E%3Cline%20x1%3D%2221%22%20y1%3D%2212%22%20x2%3D%229%22%20y2%3D%2212%22%2F%3E%3C%2Fsvg%3E"> | |
<div> | |
<a href="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20cCZdaH%20RyuIconSvg%20RyuIconSvg--log-out%20RyuIconSvg--asSizeS%20RyuIconSvg--inline%20snipcss0-14-75-76%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22%2F%3E%3Cpolyline%20points%3D%2216%2017%2021%2012%2016%207%22%2F%3E%3Cline%20x1%3D%2221%22%20y1%3D%2212%22%20x2%3D%229%22%20y2%3D%2212%22%2F%3E%3C%2Fsvg%3E"> | |
<i></i> | |
</a> | |
</div> | |
</div> | |
<div> | |
<img src="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20bZutRo%20RyuIconSvg%20RyuIconSvg--info%20RyuIconSvg--asSizeM%20RyuIconSvg--inline%22%20aria-hidden%3D%22true%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2216%22%20x2%3D%2212%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%228%22%20x2%3D%2212.01%22%20y2%3D%228%22%2F%3E%3C%2Fsvg%3E"> | |
<div> | |
<a href="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20bZutRo%20RyuIconSvg%20RyuIconSvg--info%20RyuIconSvg--asSizeM%20RyuIconSvg--inline%22%20aria-hidden%3D%22true%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2216%22%20x2%3D%2212%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%228%22%20x2%3D%2212.01%22%20y2%3D%228%22%2F%3E%3C%2Fsvg%3E"> | |
<i></i> | |
</a> | |
</div> | |
</div> | |
<div> | |
<img src="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20cCZdaH%20RyuInputCheckboxIcon-sc-pj9j4r-1%20gWjlxj%20RyuIconSvg%20RyuIconSvg--check%20RyuIconSvg--asSizeXS%22%20aria-hidden%3D%22true%22%3E%3Cpolyline%20points%3D%2220%206%209%2017%204%2012%22%2F%3E%3C%2Fsvg%3E"> | |
<div> | |
<a href="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20cCZdaH%20RyuInputCheckboxIcon-sc-pj9j4r-1%20gWjlxj%20RyuIconSvg%20RyuIconSvg--check%20RyuIconSvg--asSizeXS%22%20aria-hidden%3D%22true%22%3E%3Cpolyline%20points%3D%2220%206%209%2017%204%2012%22%2F%3E%3C%2Fsvg%3E"> | |
<i></i> | |
</a> | |
</div> | |
</div> | |
<div> | |
<img src="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20bZutRo%20RyuIconSvg%20RyuIconSvg--chevron-down%20RyuIconSvg--asSizeM%20RyuIconSvg--inline%22%20aria-hidden%3D%22true%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%2F%3E%3C%2Fsvg%3E"> | |
<div> | |
<a href="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20bZutRo%20RyuIconSvg%20RyuIconSvg--chevron-down%20RyuIconSvg--asSizeM%20RyuIconSvg--inline%22%20aria-hidden%3D%22true%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%2F%3E%3C%2Fsvg%3E"> | |
<i></i> | |
</a> | |
</div> | |
</div> | |
<div> | |
<img src="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20bZutRo%20RyuIconSvg%20RyuIconSvg--calendar%20RyuIconSvg--asSizeM%20RyuIconSvg--inline%22%20aria-hidden%3D%22true%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20ry%3D%222%22%2F%3E%3Cline%20x1%3D%2216%22%20y1%3D%222%22%20x2%3D%2216%22%20y2%3D%226%22%2F%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%226%22%2F%3E%3Cline%20x1%3D%223%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%2210%22%2F%3E%3C%2Fsvg%3E"> | |
<div> | |
<a href="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22RyuIconSvg-sc-pwh8r-0%20bZutRo%20RyuIconSvg%20RyuIconSvg--calendar%20RyuIconSvg--asSizeM%20RyuIconSvg--inline%22%20aria-hidden%3D%22true%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20ry%3D%222%22%2F%3E%3Cline%20x1%3D%2216%22%20y1%3D%222%22%20x2%3D%2216%22%20y2%3D%226%22%2F%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%226%22%2F%3E%3Cline%20x1%3D%223%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%2210%22%2F%3E%3C%2Fsvg%3E"> | |
<i></i> | |
</a> | |
</div> | |
</div> | |
<div> | |
<img src="https://app.ramp.com/static/asset.XTqaIK3NFv.jpg"> | |
<div> | |
<a href="https://app.ramp.com/static/asset.XTqaIK3NFv.jpg"> | |
<i></i> | |
</a> | |
</div> | |
</div> | |
<div> | |
<img src="https://app.ramp.com/static/asset.9A-4m7GY8o.jpg"> | |
<div> | |
<a href="https://app.ramp.com/static/asset.9A-4m7GY8o.jpg"> | |
<i></i> | |
</a> | |
</div> | |
</div> | |
<div> | |
<img src="https://app.ramp.com/static/asset.3Ej55_zz64.png"> | |
<div> | |
<a href="https://app.ramp.com/static/asset.3Ej55_zz64.png"> | |
<i></i> | |
</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div> | |
<div> | |
<div> | |
<span>Keep Change </span> | |
<div> | |
<input type="checkbox" id="we--53h"> | |
<label></label> | |
</div> | |
</div> | |
<p>Changes will be saved locally in brower. It wil be lost once you reset the browser</p> | |
</div> | |
<h4>Selected Element CSS</h4> | |
<ul> | |
<li><span>#root>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>aside:nth-child(2)>img:nth-child(1)</span> {</li> | |
<li>}</li> | |
</ul> | |
<button style="display: none">Element CSS</button> | |
<button class="style-GczJt" id="we--4dm">Full WE Stylesheet</button> | |
</div> | |
</div> | |
<div> | |
<div> | |
<button>Editor</button> | |
<button>Properties</button> | |
<button>CSS</button> | |
</div> | |
<div></div> | |
</div> | |
</div> | |
<div id="sni-p98" class="style-iDT2N"> | |
<div> | |
<div class="style-Vol5P" id="style-Vol5P"><img class="style-eRWTv" src="chrome-extension://hbdnoadcmapfbngbodpppofgagiclicf/img/kiwi_transparent_run_text.png" id="style-eRWTv"></div><button><span><svg viewBox="0 0 24 24" class="close"> | |
<path d="M 2 2 L 22 22 M 2 22 L22 2" stroke="#666666" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path> | |
</svg></span></button> | |
</div> | |
<div></div> | |
</div> | |
<div></div> | |
<div class="style-cdowU" id="style-cdowU"></div> | |
<div class="style-A67JV" id="style-A67JV"></div> | |
<div class="style-A8yoC" id="style-A8yoC"></div> | |
<div class="style-nhb8M" id="style-nhb8M"></div> | |
<div class="style-IyCbc" id="style-IyCbc"></div> | |
<div class="style-tVBt5" id="style-tVBt5"></div> | |
<div class="style-6MjoM" id="style-6MjoM"></div> | |
<div class="style-qfori" id="style-qfori"></div> | |
<div id="style-szYPS" class="style-szYPS"></div><canvas width="70" height="70" id="sni-pyd" class="style-ClrpN"></canvas> | |
</div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@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: #605239; | |
--ryu-button-contrast-color: #2E2E27; | |
--ryu-button-bg-color: #E4F222; | |
--ryu-button-color: #2E2E27; | |
--ryu-button-contrast-color: #2E2E27; | |
--ryu-button-bg-color: #ebe8e5; | |
--ryu-button-color: #707062; | |
--ryu-button-color: #2E2E27; | |
--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-bh6 { | |
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-l46 { | |
display: flex; | |
min-height: 100%; | |
} | |
.cIq-l46.RyuNavigation--eef { | |
position: relative; | |
} | |
section { | |
margin: 0px; | |
padding: 0px; | |
border: none; | |
vertical-align: baseline; | |
} | |
header { | |
margin: 0px; | |
padding: 0px; | |
border: none; | |
vertical-align: baseline; | |
} | |
.kSI-pnr { | |
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-pnr.RyuNavigationDesktopPrimaryContainer--kcx { | |
transform: translateX(0px); | |
} | |
.kSI-pnr:-webkit-scrollbar { | |
appearance: none; | |
} | |
.kSI-pnr:-webkit-scrollbar-thumb { | |
border-radius: 0.25rem; | |
background-color: rgba(0, 0, 0, 0.5); | |
} | |
.gDU-1y6 { | |
flex: 1 1 0%; | |
} | |
.RyuNavigation--eef .RyuNavigationRootContent-sc-1azq5aq-raz { | |
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; | |
} | |
.ghj-kjy { | |
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-kjy { | |
gap: 0rem; | |
} | |
} | |
.kSI-pnr > .RyuFlexRoot-sc-nk769a-s2r { | |
height: 100vh; | |
} | |
.eJZ-yn5 { | |
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-yn5 { | |
gap: 0rem; | |
} | |
} | |
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-i7o { | |
display: flex; | |
flex-direction: column; | |
flex-basis: auto; | |
max-width: 100%; | |
} | |
.bmNa-i7o.row-fxs { | |
min-width: 0px; | |
-webkit-box-flex: 1; | |
flex-grow: 1; | |
flex-basis: 0%; | |
} | |
.kSI-pnr [data-id="desktop-primary-header"] > div:nth-child(3) { | |
position: sticky; | |
bottom: 0px; | |
} | |
.cMc-soj { | |
max-width: 40rem; | |
padding: 1.5rem; | |
flex: 1 0 auto; | |
} | |
@media (min-width: 992px){ | |
.cMc-soj { | |
max-width: 50rem; | |
padding: 5rem; | |
} | |
} | |
.fAN-ko1 { | |
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); | |
} | |
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-11q { | |
margin: 1rem 0.5rem; | |
display: flex; | |
-webkit-box-align: center; | |
align-items: center; | |
-webkit-box-pack: justify; | |
justify-content: space-between; | |
} | |
.irz-i31 { | |
background-color: rgb(244, 243, 239); | |
border-top: 1px solid rgb(235, 232, 229); | |
padding: 0.25rem 0px; | |
} | |
form { | |
margin: 0px; | |
padding: 0px; | |
border: none; | |
vertical-align: baseline; | |
} | |
.fNv-qlt { | |
width: 100%; | |
min-height: 0px; | |
object-fit: cover; | |
object-position: center center; | |
aspect-ratio: 583 / 711; | |
} | |
.jGr-hyo.RyuNavigationDesktopPrimaryHeaderButton--v5c { | |
width: 100%; | |
min-width: 0px; | |
} | |
.jIc-mr2 { | |
white-space: nowrap; | |
} | |
.Opk-fj6 { | |
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-fj6 { | |
gap: 1rem; | |
} | |
} | |
.kXY-wa9 { | |
flex-shrink: 0; | |
height: 0.5rem; | |
} | |
@media only screen and (min-width: 768px){ | |
.kXY-wa9 { | |
height: 0.5rem; | |
} | |
} | |
.qGj-kyb { | |
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-kyb:not(:last-child) { | |
margin-bottom: 1lh; | |
} | |
.fa-ek7 { | |
flex-shrink: 0; | |
height: 0.75rem; | |
} | |
@media only screen and (min-width: 768px){ | |
.fa-ek7 { | |
height: 1rem; | |
} | |
} | |
h2 { | |
margin: 0px; | |
padding: 0px; | |
border: none; | |
vertical-align: baseline; | |
} | |
h2 { | |
font-family: inherit; | |
font-weight: inherit; | |
font-size: inherit; | |
} | |
.cyx-cxa { | |
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; | |
} | |
@media only screen and (min-width: 768px){ | |
.cyx-cxa { | |
font-size: 1.75rem; | |
line-height: 2rem; | |
letter-spacing: -0.02em; | |
padding-block: 1.25rem; | |
} | |
} | |
.cub-b2l { | |
transition: border 0s ease 0s, outline 0s ease 0s, background-color 0s ease 0s, color 0.2s ease-in-out 0s; | |
color: rgb(46, 46, 39); | |
border-style: solid; | |
border-width: 0px 0px 1px; | |
border-color: transparent transparent rgb(219, 218, 201); | |
} | |
.dhr-j9v { | |
position: relative; | |
display: flex; | |
gap: 0.5rem; | |
-webkit-box-align: center; | |
align-items: center; | |
height: 2.5rem; | |
transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s; | |
padding-inline: 0rem; | |
padding-block: 0.5rem calc(-1px + 0.5rem); | |
} | |
.dhr-j9v.RyuInputBaseRoot--j4r { | |
height: 3.5rem; | |
overflow: hidden; | |
} | |
.cub-b2l:hover { | |
color: rgb(46, 46, 39); | |
border-style: solid; | |
border-width: 0px 0px 1px; | |
border-color: transparent transparent rgb(112, 112, 98); | |
} | |
.gXm-tkg { | |
position: relative; | |
} | |
.kVW-5p3 { | |
flex-shrink: 0; | |
height: 1.5rem; | |
} | |
@media only screen and (min-width: 768px){ | |
.kVW-5p3 { | |
height: 2.5rem; | |
} | |
} | |
.fa-4mc { | |
overflow: hidden; | |
} | |
.emi-sa1 { | |
flex-shrink: 0; | |
height: 1.5rem; | |
} | |
@media only screen and (min-width: 768px){ | |
.emi-sa1 { | |
height: 3.5rem; | |
} | |
} | |
.itx-dna { | |
display: flex; | |
flex-direction: column; | |
-webkit-box-align: stretch; | |
align-items: stretch; | |
-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){ | |
.itx-dna { | |
gap: 1rem; | |
} | |
} | |
.RNd-5n8 { | |
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-5n8.RyuButtonRoot--hs3 { | |
color: var(--ryu-button-contrast-color); | |
border: solid 1px var(--ryu-button-bg-color); | |
background-color: var(--ryu-button-bg-color); | |
} | |
.RNd-5n8.RyuButtonRoot--xv6 { | |
--ryu-button-color: #605239; | |
--ryu-button-contrast-color: #2E2E27; | |
--ryu-button-bg-color: #E4F222; | |
} | |
.RNd-5n8:hover,.RNd-5n8:active { | |
filter: brightness(0.95); | |
} | |
.iAQ-qpd { | |
flex-shrink: 0; | |
height: 1rem; | |
} | |
@media only screen and (min-width: 768px){ | |
.iAQ-qpd { | |
height: 1.5rem; | |
} | |
} | |
.jEJ-gfw { | |
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-gfw:not(:last-child) { | |
margin-bottom: 1lh; | |
} | |
.fYX-63f { | |
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-63f { | |
gap: 1rem; | |
} | |
} | |
i { | |
margin: 0px; | |
padding: 0px; | |
border: none; | |
vertical-align: baseline; | |
} | |
.ePZ-226 { | |
border-radius: 0.25rem; | |
margin: 0.25rem 0.5rem; | |
} | |
.eEl-ve2 { | |
position: relative; | |
display: flex; | |
flex-wrap: wrap; | |
flex: 1 1 0%; | |
min-width: 0px; | |
-webkit-box-pack: start; | |
justify-content: flex-start; | |
} | |
.dnn-wkg { | |
display: flex; | |
-webkit-box-align: center; | |
align-items: center; | |
height: 1.5rem; | |
transition: transform 0.2s ease 0s; | |
margin-block-start: 0px; | |
} | |
.RyuInputBaseRoot--j4r .RyuInputBaseDecoration-sc-9h44wg-d3k { | |
transform: translateY(0.5rem); | |
} | |
.RyuInputBaseRoot--j4r .RyuInputBaseDecoration-sc-9h44wg-d3k { | |
align-self: flex-start; | |
} | |
.gnh-oox { | |
color: rgb(46, 46, 39); | |
transition: border-color 0.2s ease 0s; | |
} | |
.gnh-oox.RyuPaneBaseRoot--afl { | |
background-color: rgb(255, 255, 255); | |
border: 1px solid rgb(235, 232, 229); | |
} | |
.cVe-ol6 { | |
color: rgb(112, 112, 98); | |
font-family: Lausanne, Helvetica, sans-serif; | |
font-weight: 300; | |
font-size: 0.75rem; | |
line-height: 1rem; | |
text-decoration: none; | |
text-align: inherit; | |
letter-spacing: normal; | |
max-width: 100%; | |
overflow-wrap: break-word; | |
} | |
.fVv-ril { | |
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; | |
} | |
.HzW-k8e { | |
flex-shrink: 0; | |
height: 0.5rem; | |
} | |
@media only screen and (min-width: 768px){ | |
.HzW-k8e { | |
height: 0.75rem; | |
} | |
} | |
.jRd-2a2 { | |
text-align: left; | |
word-break: break-word; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
} | |
.RNd-5n8:hover:not(:disabled, [aria-disabled="true"]) .RyuButtonContent-sc-tyfdsd-n7f { | |
text-decoration: underline; | |
} | |
a { | |
margin: 0px; | |
padding: 0px; | |
border: none; | |
vertical-align: baseline; | |
} | |
a,[role="button"] { | |
color: inherit; | |
font-weight: 400; | |
} | |
.hWk-yl7 { | |
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-yl7.icon-jqj { | |
-webkit-box-pack: center; | |
justify-content: center; | |
max-width: 2rem; | |
min-width: 2rem; | |
padding: 0px; | |
} | |
.hWk-yl7.icon-xcg { | |
border-radius: 10rem; | |
} | |
.hWk-yl7.RyuButtonRoot--vob { | |
color: var(--ryu-button-color); | |
} | |
.hWk-yl7.RyuButtonRoot--h42 { | |
--ryu-button-color: #2E2E27; | |
--ryu-button-contrast-color: #2E2E27; | |
--ryu-button-bg-color: #ebe8e5; | |
} | |
.jGr-hyo .RyuButtonRoot-sc-pfy37f-crg { | |
height: auto; | |
min-height: 2rem; | |
border-radius: 0.25rem; | |
scroll-margin-top: 0.5rem; | |
} | |
.hWk-yl7.RyuButtonRoot--h42.icon-jqj { | |
--ryu-button-color: #707062; | |
} | |
.jGr-hyo .RyuButtonRoot-sc-pfy37f-crg.RyuButtonRoot--h42 { | |
background-color: inherit; | |
color: rgb(112, 112, 98); | |
} | |
.hWk-yl7:hover,.hWk-yl7:active { | |
filter: brightness(0.95); | |
} | |
.jGr-hyo .RyuButtonRoot-sc-pfy37f-crg.RyuButtonRoot--h42:hover, .jGr-hyo .RyuButtonRoot-sc-pfy37f-crg.RyuButtonRoot--h42.icon-jqj:not(.RyuButtonRoot--filled):hover { | |
background-color: rgb(244, 243, 239); | |
color: rgb(46, 46, 39); | |
} | |
.ePZ-226.RyuNavigationItemSingleRoot--x1q { | |
background-color: rgb(235, 232, 229); | |
} | |
.gCV-stt { | |
position: absolute; | |
font-family: Lausanne, Helvetica, sans-serif; | |
font-size: 1rem; | |
line-height: 1.5rem; | |
color: rgb(112, 112, 98); | |
word-break: break-word; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
max-width: 100%; | |
} | |
.RyuInputBaseRoot--j4r .RyuInputBaseLabel-sc-1eymeu9-s4x { | |
transform-origin: left top; | |
transition: transform 0.2s ease 0s, color 0.2s ease 0s; | |
transform: translateY(0.5rem) scale(1); | |
} | |
.bKZ-kp6 { | |
display: flex; | |
flex-wrap: wrap; | |
flex: 1 1 0%; | |
min-width: 0px; | |
min-height: 1.5rem; | |
opacity: 0; | |
} | |
.RyuInputBaseRoot--j4r .RyuInputBaseContent-sc-1o1ccd0-1gh { | |
transition: opacity 0.2s ease 0s, margin-top 0.2s ease 0s; | |
margin-top: 1rem; | |
} | |
.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; | |
} | |
.bKq-7vf .RyuIconSvg { | |
transition: transform 0.2s ease 0s; | |
transform: rotate(0deg); | |
} | |
.htH-ho7 { | |
position: absolute; | |
width: 1px; | |
height: 1px; | |
padding: 0px; | |
margin: -1px; | |
overflow: hidden; | |
clip: rect(0px, 0px, 0px, 0px); | |
border: 0px; | |
} | |
.cSA-bga { | |
display: block; | |
cursor: pointer; | |
width: 100%; | |
} | |
.cSA-bga.RyuPaneBaseInputLabel--pr9 { | |
padding: 0.75rem 1rem; | |
} | |
.dqn-hq2 .RyuPaneBaseInputLabel-sc-1f40sf2-kdq.RyuPaneBaseInputLabel--pr9 { | |
padding-inline: 0.25rem 0.75rem; | |
} | |
a { | |
color: inherit; | |
font-weight: 400; | |
} | |
a[href] { | |
cursor: pointer; | |
} | |
.eZp-o56.RyuLinkRoot--hwc { | |
text-align: inherit; | |
cursor: pointer; | |
color: inherit; | |
font-size: inherit; | |
line-height: inherit; | |
text-decoration: underline; | |
} | |
.cIw-e6l { | |
position: relative; | |
display: flex; | |
-webkit-box-pack: center; | |
justify-content: center; | |
-webkit-box-align: center; | |
align-items: center; | |
} | |
.hhZ-gax { | |
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; | |
} | |
.fcT-bgb { | |
visibility: hidden; | |
} | |
.RyuInputBaseRoot--qpt .RyuInputBaseDecoration-sc-9h44wg-d3k { | |
transform: translateY(1rem); | |
} | |
.fcT-bgb:before { | |
content: ""; | |
width: 1rem; | |
height: 1rem; | |
background-color: rgb(235, 232, 229); | |
border-radius: 50%; | |
background-image: linear-gradient(45deg, transparent 0%, transparent 47%, rgb(112, 112, 98) 48%, rgb(112, 112, 98) 52%, transparent 53%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 47%, rgb(112, 112, 98) 48%, rgb(112, 112, 98) 52%, transparent 53%, transparent 100%); | |
box-shadow: rgb(235, 232, 229) 0px 0px 0px 0.25rem inset; | |
cursor: pointer; | |
} | |
.cRH-c3g { | |
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-c3g.RyuAvatarRoot--9jo { | |
border-radius: 50%; | |
} | |
.ldS-bnm { | |
display: flex; | |
-webkit-box-align: center; | |
align-items: center; | |
pointer-events: none; | |
transition: transform 0.2s ease 0s; | |
transform: rotate(0deg); | |
} | |
.kEf-48m { | |
display: flex; | |
flex-flow: wrap; | |
-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){ | |
.kEf-48m { | |
gap: 0.5rem; | |
} | |
} | |
.gLH-efa { | |
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-efa { | |
gap: 0.5rem; | |
} | |
} | |
.enU-oko { | |
appearance: none; | |
position: absolute; | |
z-index: 1; | |
display: block; | |
margin: 0px; | |
width: 100%; | |
background: transparent; | |
cursor: pointer; | |
} | |
.JHZ-h8f { | |
position: relative; | |
width: 100%; | |
min-height: 0.5rem; | |
background-color: rgb(235, 232, 229); | |
} | |
.RyuInputBaseRoot--j4r .RyuInputBaseLabel-sc-1eymeu9-s4x.RyuInputBaseLabel--l9e { | |
transform: translateY(-0.125rem) scale(0.75); | |
max-width: 160%; | |
} | |
.dPV-q8j { | |
display: flex; | |
flex-wrap: wrap; | |
flex: 1 1 0%; | |
min-width: 0px; | |
min-height: 1.5rem; | |
opacity: 1; | |
} | |
.gfd-v6y { | |
transition: border 0s ease 0s, outline 0s ease 0s, background-color 0s ease 0s, color 0.2s ease-in-out 0s; | |
background-color: rgb(255, 255, 255); | |
color: rgb(46, 46, 39); | |
border-style: solid; | |
border-width: 1px; | |
border-color: rgb(219, 218, 201); | |
} | |
.dXl-xm4 { | |
position: relative; | |
display: flex; | |
gap: 0.5rem; | |
-webkit-box-align: center; | |
align-items: center; | |
height: 2.5rem; | |
transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s; | |
padding-inline: 0.75rem 0rem; | |
padding-block: calc(-1px + 0.5rem); | |
} | |
.dXl-xm4.RyuInputBaseRoot--olk { | |
height: auto; | |
min-height: 2.5rem; | |
} | |
.dXl-xm4.RyuInputBaseRoot--j4r { | |
height: 3.5rem; | |
overflow: hidden; | |
} | |
.dXl-xm4.RyuInputBaseRoot--j4r.RyuInputBaseRoot--olk { | |
height: auto; | |
min-height: 3.5rem; | |
} | |
.gfd-v6y:hover { | |
background-color: rgb(255, 255, 255); | |
color: rgb(46, 46, 39); | |
border-style: solid; | |
border-width: 1px; | |
border-color: rgb(219, 218, 201) rgb(219, 218, 201) rgb(112, 112, 98); | |
} | |
.bBg-p7i { | |
object-position: initial; | |
display: block; | |
max-width: 100%; | |
max-height: 100%; | |
} | |
.bBg-p7i.RyuImageRoot--fzn { | |
width: 100%; | |
} | |
.ieX-hxe { | |
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; | |
} | |
.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-wsb { | |
cursor: pointer; | |
} | |
.eYE-o2o { | |
border: none; | |
background: none; | |
resize: none; | |
padding: 0px; | |
width: 100%; | |
min-width: 0px; | |
flex: 1 1 0%; | |
opacity: 1; | |
-webkit-tap-highlight-color: transparent; | |
color: rgb(46, 46, 39); | |
cursor: inherit; | |
appearance: none; | |
font-family: Lausanne, Helvetica, sans-serif; | |
font-weight: 300; | |
font-size: 1rem; | |
line-height: 1.5rem; | |
text-align: left; | |
} | |
.bKZ-kp6 input { | |
background-color: transparent; | |
} | |
.eYE-o2o:not(:-webkit-autofill) { | |
animation-name: on-autofill-cancel; | |
animation-fill-mode: both; | |
} | |
.eIb-tte { | |
min-height: 0.5rem; | |
background-color: rgb(112, 112, 98); | |
transform-origin: left center; | |
} | |
button.eYE-o2o { | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
} | |
.doe-pac { | |
border-width: 1px; | |
border-style: solid; | |
border-color: rgb(235, 232, 229); | |
} | |
.iIR-n7z { | |
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; | |
} | |
.inV-7fp { | |
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-7fp.RyuButtonRoot--frm { | |
width: 100%; | |
} | |
.inV-7fp.RyuButtonRoot--vob { | |
color: var(--ryu-button-color); | |
} | |
.inV-7fp.RyuButtonRoot--h42 { | |
--ryu-button-color: #2E2E27; | |
--ryu-button-contrast-color: #2E2E27; | |
--ryu-button-bg-color: #ebe8e5; | |
} | |
.bCs-wsb > .RyuButtonRoot-sc-pfy37f-crg { | |
height: auto; | |
min-height: 2rem; | |
border-radius: 0.25rem; | |
scroll-margin-top: 0.5rem; | |
} | |
.bCs-wsb > .RyuButtonRoot-sc-pfy37f-crg.RyuButtonRoot--h42 { | |
background-color: inherit; | |
color: rgb(112, 112, 98); | |
} | |
.inV-7fp:hover,.inV-7fp:active { | |
filter: brightness(0.95); | |
} | |
.bCs-wsb > .RyuButtonRoot-sc-pfy37f-crg.RyuButtonRoot--h42:hover { | |
background-color: rgb(244, 243, 239); | |
color: rgb(46, 46, 39); | |
} | |
.bCs-wsb > .RyuButtonRoot-sc-pfy37f-crg.RyuButtonRoot--h42:hover { | |
background-color: rgb(235, 232, 229); | |
color: rgb(46, 46, 39); | |
filter: none; | |
} | |
.eDS-yp6 { | |
background-color: rgb(252, 251, 250); | |
height: auto; | |
} | |
.bCs-wsb > .RyuButtonRoot-sc-pfy37f-crg.RyuButtonRoot--h42:hover, .bCs-wsb > .RyuButtonRoot-sc-pfy37f-crg.RyuButtonRoot--h42.icon-jqj:not(.RyuButtonRoot--filled):hover { | |
background-color: rgb(244, 243, 239); | |
color: rgb(46, 46, 39); | |
} | |
.bCs-wsb.RyuNavigationButtonRoot--4l9 > .RyuButtonRoot-sc-pfy37f-crg.RyuButtonRoot--h42, .bCs-wsb > .RyuButtonRoot-sc-pfy37f-crg.RyuButtonRoot--h42:hover { | |
background-color: rgb(235, 232, 229); | |
color: rgb(46, 46, 39); | |
filter: none; | |
} | |
.ePZ-226.RyuNavigationItemSingleRoot--x1q .RyuNavigationItemSingleMain-sc-kc1pyy-9lx .RyuButtonRoot-sc-pfy37f-crg.RyuButtonRoot--h42 { | |
color: rgb(46, 46, 39); | |
} | |
.bCs-wsb > .RyuButtonRoot-sc-pfy37f-crg .RyuButtonIcon-sc-ltbz6a-azq:not(.RyuButtonIcon--hasChildren) { | |
min-height: 1.25rem; | |
} | |
.inV-7fp.RyuButtonRoot--frm > .RyuButtonContent-sc-tyfdsd-n7f { | |
-webkit-box-flex: 1; | |
flex-grow: 1; | |
} | |
.inV-7fp:hover:not(:disabled, [aria-disabled="true"]) .RyuButtonContent-sc-tyfdsd-n7f { | |
text-decoration: underline; | |
} | |
.kYV-k9s { | |
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-k9s { | |
font-size: 2.5rem; | |
line-height: 3rem; | |
letter-spacing: -0.02em; | |
padding-block: 1.75rem; | |
} | |
} | |
.cXn-r8f .RyuTextHeadingRoot-sc-89xi1a-z6j { | |
padding: 0px; | |
} | |
.eYE-o2o:placeholder-shown { | |
text-overflow: ellipsis; | |
} | |
.iPa-d6e { | |
padding: 0.75rem; | |
} | |
@media only screen and (min-width: 768px){ | |
.iPa-d6e { | |
padding-top: 1rem; | |
} | |
.iPa-d6e { | |
padding-right: 1rem; | |
} | |
.iPa-d6e { | |
padding-bottom: 1rem; | |
} | |
.iPa-d6e { | |
padding-left: 1rem; | |
} | |
} | |
.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; | |
} | |
.BoQ-73a { | |
position: relative; | |
} | |
h6 { | |
margin: 0px; | |
padding: 0px; | |
border: none; | |
vertical-align: baseline; | |
} | |
h6 { | |
font-family: inherit; | |
font-weight: inherit; | |
font-size: inherit; | |
} | |
.eOF-5o5 { | |
color: inherit; | |
font-family: inherit; | |
font-weight: 400; | |
font-size: 1rem; | |
letter-spacing: -0.02em; | |
line-height: 1.5rem; | |
text-align: inherit; | |
overflow-wrap: break-word; | |
padding-block: 0rem; | |
} | |
@media only screen and (min-width: 768px){ | |
.eOF-5o5 { | |
font-size: 1rem; | |
line-height: 1.5rem; | |
letter-spacing: -0.02em; | |
padding-block: 0rem; | |
} | |
} | |
textarea { | |
font-family: Lausanne, Helvetica, sans-serif; | |
font-weight: 300; | |
} | |
textarea.RyuInputBaseInputRoot-sc-1kekomg-vvp:-webkit-scrollbar { | |
appearance: none; | |
} | |
textarea.RyuInputBaseInputRoot-sc-1kekomg-vvp:-webkit-scrollbar-thumb { | |
border-radius: 0.25rem; | |
background-color: rgba(0, 0, 0, 0.5); | |
} | |
.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; | |
} | |
.kHG-aqe { | |
position: relative; | |
padding: 0.625rem; | |
border-radius: 50%; | |
} | |
.kHG-aqe:not(.RyuInputCheckboxContainer--nonInteractive):hover, label:hover .kHG-aqe:not(.RyuInputCheckboxContainer--nonInteractive) { | |
background-color: rgb(244, 243, 239); | |
} | |
.epW-5op { | |
display: block; | |
margin: 0px; | |
cursor: inherit; | |
appearance: none; | |
border: none; | |
border-radius: 0.125rem; | |
width: 0.75rem; | |
height: 0.75rem; | |
box-shadow: rgb(112, 112, 98) 0px 0px 0px 1.25px inset; | |
} | |
.epW-5op:checked { | |
box-shadow: none; | |
background-color: rgb(1, 167, 65); | |
color: rgb(1, 167, 65); | |
} | |
.gWjlxj { | |
stroke-width: 0.21875rem; | |
} | |
.kHG-aqe .RyuIconSvg-sc-pwh8r-0 { | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%); | |
pointer-events: none; | |
color: rgb(255, 255, 255); | |
line-height: 0; | |
} | |
@keyframes popUp { | |
0% { | |
transform: scale(1); | |
} | |
50% { | |
transform: scale(1.05); | |
} | |
100% { | |
transform: scale(1); | |
} | |
} | |
@keyframes on-autofill-cancel { | |
100% { | |
background: none; | |
background-image: none; | |
background-position-x: initial; | |
background-position-y: initial; | |
background-size: initial; | |
background-repeat: initial; | |
background-attachment: initial; | |
background-origin: initial; | |
background-clip: initial; | |
background-color: initial; | |
} | |
} | |
/* These were inline style tags. Uses id+class to override almost everything */ | |
#style-gXUtf.style-gXUtf { | |
transform: scaleX(0.0740741); | |
} | |
#style-NRsRY.style-NRsRY { | |
width: 1px; | |
height: 0px; | |
padding: 0px; | |
overflow: hidden; | |
position: fixed; | |
top: 1px; | |
left: 1px; | |
} | |
#style-L9aOe.style-L9aOe { | |
width: 1px; | |
height: 0px; | |
padding: 0px; | |
overflow: hidden; | |
position: fixed; | |
top: 1px; | |
left: 1px; | |
} | |
#style-UcSTs.style-UcSTs { | |
max-height: 0px; | |
} | |
#crx-8pf.style-PM7oV { | |
position: fixed; | |
width: 0px; | |
height: 0px; | |
top: 0px; | |
left: 0px; | |
z-index: 2147483647; | |
overflow: visible; | |
} | |
#rgb-49w.style-oWOr4 { | |
display: none; | |
} | |
#hsl-vjv.style-ocI7D { | |
display: none; | |
} | |
#col-r4l.style-TAfex { | |
display: none; | |
} | |
#style-cjZY7.style-cjZY7 { | |
display: none; | |
} | |
#style-BmNLo.style-BmNLo { | |
display: none; | |
visibility: hidden; | |
} | |
#bat-9qe.style-52UPT { | |
width: 0px; | |
height: 0px; | |
display: none; | |
visibility: hidden; | |
} | |
#bat-gcw.style-KfMyl { | |
width: 0px; | |
height: 0px; | |
display: none; | |
visibility: hidden; | |
} | |
#bat-y73.style-eFPNo { | |
width: 0px; | |
height: 0px; | |
display: none; | |
visibility: hidden; | |
} | |
#bat-8j9.style-wFBBt { | |
width: 0px; | |
height: 0px; | |
display: none; | |
visibility: hidden; | |
} | |
#bat-m4h.style-jsjkB { | |
width: 0px; | |
height: 0px; | |
display: none; | |
visibility: hidden; | |
} | |
#bat-v8i.style-gVoQk { | |
width: 0px; | |
height: 0px; | |
display: none; | |
visibility: hidden; | |
} | |
#bat-d2y.style-Yqeky { | |
width: 0px; | |
height: 0px; | |
display: none; | |
visibility: hidden; | |
} | |
#bat-nyx.style-2rbis { | |
width: 0px; | |
height: 0px; | |
display: none; | |
visibility: hidden; | |
} | |
#bat-1yi.style-LFhgG { | |
width: 0px; | |
height: 0px; | |
display: none; | |
visibility: hidden; | |
} | |
#bat-vt2.style-wOH5d { | |
width: 0px; | |
height: 0px; | |
display: none; | |
visibility: hidden; | |
} | |
#bat-zt5.style-F99UE { | |
width: 0px; | |
height: 0px; | |
display: none; | |
visibility: hidden; | |
} | |
#bat-orn.style-4c8Bt { | |
width: 0px; | |
height: 0px; | |
display: none; | |
visibility: hidden; | |
} | |
#bat-srh.style-nvBZo { | |
width: 0px; | |
height: 0px; | |
display: none; | |
visibility: hidden; | |
} | |
#bat-bny.style-Jchof { | |
width: 0px; | |
height: 0px; | |
display: none; | |
visibility: hidden; | |
} | |
#bat-wkq.style-x1OeM { | |
width: 0px; | |
height: 0px; | |
display: none; | |
visibility: hidden; | |
} | |
#style-3ny4U.style-3ny4U { | |
display: none; | |
} | |
#style-XsK7D.style-XsK7D { | |
display: none; | |
} | |
#style-ym3a6.style-ym3a6 { | |
display: none; | |
} | |
#style-ipClL.style-ipClL { | |
display: none; | |
} | |
#style-DsseG.style-DsseG { | |
display: none; | |
} | |
#style-xDASM.style-xDASM { | |
display: none; | |
} | |
#style-9RVlQ.style-9RVlQ { | |
display: none; | |
} | |
#style-2DH7V.style-2DH7V { | |
display: none; | |
} | |
#style-oroNW.style-oroNW { | |
display: none; | |
} | |
#style-x3hzl.style-x3hzl { | |
display: none; | |
} | |
#style-Vg8FM.style-Vg8FM { | |
display: none; | |
} | |
#style-G6FnK.style-G6FnK { | |
display: none; | |
} | |
#style-GD2gD.style-GD2gD { | |
display: none; | |
} | |
#style-lnFAB.style-lnFAB { | |
display: none; | |
} | |
#style-Z9oxY.style-Z9oxY { | |
display: none; | |
} | |
#style-IUKSt.style-IUKSt { | |
display: none; | |
} | |
#style-QpAho.style-QpAho { | |
display: none; | |
} | |
#style-ha715.style-ha715 { | |
display: none; | |
} | |
#style-jAKmq.style-jAKmq { | |
top: -2px; | |
left: 256px; | |
height: 0px; | |
width: 0px; | |
} | |
#style-xqbgB.style-xqbgB { | |
top: -2px; | |
left: 1056px; | |
height: 0px; | |
width: 0px; | |
} | |
#style-7D7if.style-7D7if { | |
top: -4px; | |
left: -4px; | |
height: 0px; | |
width: 0px; | |
} | |
#style-HGY6l.style-HGY6l { | |
top: -2px; | |
left: 254px; | |
height: 0px; | |
width: 0px; | |
} | |
#style-6b2Oi.style-6b2Oi { | |
top: -2px; | |
left: 0px; | |
height: 0px; | |
width: 0px; | |
} | |
#style-zpkId.style-zpkId { | |
top: -4px; | |
left: -4px; | |
height: 0px; | |
width: 0px; | |
} | |
#style-Cl1LT.style-Cl1LT { | |
top: -4px; | |
left: -4px; | |
height: 0px; | |
width: 0px; | |
} | |
#style-eACXK.style-eACXK { | |
top: -2px; | |
left: -2px; | |
height: 0px; | |
width: 0px; | |
} | |
#style-rwwLj.style-rwwLj { | |
top: 0px; | |
left: 0px; | |
position: absolute; | |
} | |
#style-T5s1z.style-T5s1z { | |
display: none; | |
} | |
#style-Xlo51.style-Xlo51 { | |
display: none; | |
} | |
#we--1zm.style-eBx6l { | |
top: 30px; | |
left: 419px; | |
display: none; | |
} | |
#we--6w3.style-a6Kco { | |
display: block; | |
} | |
#we--hfo.style-EQU6Q { | |
background-image: url("https://app.ramp.com/static/asset.XTqaIK3NFv.jpg"); | |
background-color: rgba(0, 0, 0, 0); | |
} | |
#we--lez.style-1dAoe { | |
display: none; | |
} | |
#we--b7o.style-Ncf32 { | |
display: none; | |
} | |
#we--cno.style-vEUPd { | |
display: block; | |
} | |
#we--af1.style-UpwoK { | |
display: flex; | |
} | |
#we--eb1.style-DKkV6 { | |
background: rgb(46, 46, 39); | |
} | |
#we--1lh.style-lS4kF { | |
display: none; | |
} | |
#we--zmp.style-ewTjy { | |
background: rgb(46, 46, 39); | |
} | |
#we--hcv.style-NI9rN { | |
background: rgb(46, 46, 39); | |
} | |
#we--rwv.style-GA3lN { | |
background: rgb(46, 46, 39); | |
} | |
#we--plz.style-8D2s7 { | |
background: rgb(46, 46, 39); | |
} | |
#we--7zz.style-4KemV { | |
background: rgb(0, 0, 0); | |
} | |
#we--vzz.style-X6T1b { | |
background: rgba(0, 0, 0, 0); | |
} | |
#we--pls.style-CQhG8 { | |
background-image: none; | |
} | |
#we--otz.style-AfZYH { | |
display: none; | |
} | |
#we--7og.style-iBIqM { | |
display: none; | |
} | |
#we--bon.style-zKDBC { | |
display: flex; | |
} | |
#style-poQ3d.style-poQ3d { | |
background-color: rgb(46, 46, 39); | |
color: #FFFFFF; | |
} | |
#style-Wtyqj.style-Wtyqj { | |
background-color: rgba(0, 0, 0, 0); | |
color: #050505; | |
} | |
#style-GicPG.style-GicPG { | |
background-color: rgb(244, 243, 239); | |
color: #050505; | |
} | |
#style-gsa6r.style-gsa6r { | |
background-color: rgb(219, 218, 201); | |
color: #050505; | |
} | |
#style-ze2lV.style-ze2lV { | |
background-color: rgb(112, 112, 98); | |
color: #FFFFFF; | |
} | |
#style-AMRUR.style-AMRUR { | |
background-color: rgb(235, 232, 229); | |
color: #050505; | |
} | |
#style-nKGS7.style-nKGS7 { | |
background-color: rgb(255, 255, 255); | |
color: #050505; | |
} | |
#style-EIBBW.style-EIBBW { | |
background-color: rgb(1, 167, 65); | |
color: #FFFFFF; | |
} | |
#style-wRlb3.style-wRlb3 { | |
background-color: rgb(16, 16, 16); | |
color: #FFFFFF; | |
} | |
#style-sm2hW.style-sm2hW { | |
background-color: rgb(252, 251, 250); | |
color: #050505; | |
} | |
#style-wOQ5o.style-wOQ5o { | |
background-color: rgb(228, 242, 34); | |
color: #050505; | |
} | |
#we--4dm.style-GczJt { | |
display: block; | |
} | |
#sni-p98.style-iDT2N { | |
right: 70px; | |
top: 424.7px; | |
} | |
#style-Vol5P.style-Vol5P { | |
touch-action: none; | |
} | |
#style-eRWTv.style-eRWTv { | |
touch-action: none; | |
} | |
#style-cdowU.style-cdowU { | |
top: -2px; | |
left: 256px; | |
height: 0px; | |
width: 0px; | |
} | |
#style-A67JV.style-A67JV { | |
top: -2px; | |
left: 1056px; | |
height: 0px; | |
width: 0px; | |
} | |
#style-A8yoC.style-A8yoC { | |
top: -4px; | |
left: -4px; | |
height: 0px; | |
width: 0px; | |
} | |
#style-nhb8M.style-nhb8M { | |
top: -2px; | |
left: 254px; | |
height: 0px; | |
width: 0px; | |
} | |
#style-IyCbc.style-IyCbc { | |
top: -2px; | |
left: 0px; | |
height: 0px; | |
width: 0px; | |
} | |
#style-tVBt5.style-tVBt5 { | |
top: -4px; | |
left: -4px; | |
height: 0px; | |
width: 0px; | |
} | |
#style-6MjoM.style-6MjoM { | |
top: -4px; | |
left: -4px; | |
height: 0px; | |
width: 0px; | |
} | |
#style-qfori.style-qfori { | |
top: -2px; | |
left: -2px; | |
height: 0px; | |
width: 0px; | |
} | |
#style-szYPS.style-szYPS { | |
top: 0px; | |
left: 0px; | |
position: absolute; | |
} | |
#sni-pyd.style-ClrpN { | |
left: 1436px; | |
top: 0px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment