Skip to content

Instantly share code, notes, and snippets.

@Ashon-G

Ashon-G/index.html

Created February 7, 2024 04:10
Show Gist options
  • Save Ashon-G/364d82caa4faefc307a889069fd85c61 to your computer and use it in GitHub Desktop.
Save Ashon-G/364d82caa4faefc307a889069fd85c61 to your computer and use it in GitHub Desktop.
Download ZIP
Snippet from app.ramp.com
Raw
index.html
<div data-ryu-obtrusive-scrollbars="true" style="">
<noscript>You need to enable JavaScript to run this app.</noscript>
<div style="display: none"> Your browser is outdated. Upgrade to an updated browser to use this site. </div>
<div class="Ryu-dkf">
<div class="cIq-3do RyuNavigation--hbf">
<aside class="kSI-dea RyuNavigationDesktopPrimaryContainer--b9k">
<div data-id="desktop-primary-header" class="RyuFlexRoot-sc-nk769a-wqd ghj-2ti">
<div class="bmNa-3lr">
<div class="fQj-qmo">
<div class="jGr-ehk RyuNavigationDesktopPrimaryHeaderButton--lwy">
<div><a class="RyuButtonRoot-sc-pfy37f-ej9 hWk-5zz RyuButtonRoot--w1b RyuButtonRoot--bnn icon-9c9 icon-oev" href="/home">
<div class="RyuButtonIcon-sc-ltbz6a-kwa ldS-9sm"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 56 56" class="RyuIconSvg-sc-pwh8r-0 eFuuGY RyuIconSvg RyuIconSvg--ramp RyuIconSvg--asSizeM RyuIconSvg--inline" width="16" height="16" aria-hidden="true">
<path fill="currentColor" d="M56 47.778v.211L25.5 48v-.222c4.398-2.51 7.434-5.065 10.166-7.735h12.523L56 47.778ZM48.443 7.659 40.713 0h-.226s.13 14.274-12.85 27.255C14.938 39.961 0 39.99 0 39.99v.223l7.876 7.792s14.719.147 27.72-12.734C48.553 22.432 48.444 7.659 48.444 7.659Z"></path>
</svg></div>
</a></div>
</div>
</div>
</div>
<div class="bmNa-3lr row-olg">
<div class="RyuFlexRoot-sc-nk769a-wqd ghj-2ti">
<div class="bmNa-3lr">
<div class="jIc-wi7">
<div class="ePZ-irp RyuNavigationItemSingleRoot--v53">
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-xnc">
<div>
<div class="bCs-lze RyuNavigationButtonRoot--jd6"><a class="RyuButtonRoot-sc-pfy37f-ej9 inV-8gs RyuButtonRoot--w1b RyuButtonRoot--bnn RyuButtonRoot--97s" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/business-address">
<div class="RyuButtonIcon-sc-ltbz6a-kwa ldS-9sm"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 16 16" class="RyuIconSvg-sc-pwh8r-0 cDKLQA RyuIconSvg RyuIconSvg--status-empty RyuIconSvg--asSizeS RyuIconSvg--inline" aria-hidden="true">
<circle cx="8" cy="8" r="6.5" stroke="currentColor"></circle>
</svg></div><span class="RyuButtonContent-sc-tyfdsd-ay9 jRd-37t">Business address</span>
</a></div>
</div>
</div>
</div>
<div class="ePZ-irp">
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-xnc">
<div>
<div class="bCs-lze"><a class="RyuButtonRoot-sc-pfy37f-ej9 inV-8gs RyuButtonRoot--w1b RyuButtonRoot--bnn RyuButtonRoot--97s" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/business-details">
<div class="RyuButtonIcon-sc-ltbz6a-kwa ldS-9sm"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 16 16" class="RyuIconSvg-sc-pwh8r-0 cDKLQA RyuIconSvg RyuIconSvg--status-empty RyuIconSvg--asSizeS RyuIconSvg--inline" aria-hidden="true">
<circle cx="8" cy="8" r="6.5" stroke="currentColor"></circle>
</svg></div><span class="RyuButtonContent-sc-tyfdsd-ay9 jRd-37t">Business details</span>
</a></div>
</div>
</div>
</div>
<div class="ePZ-irp">
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-xnc">
<div>
<div class="bCs-lze"><a class="RyuButtonRoot-sc-pfy37f-ej9 inV-8gs RyuButtonRoot--w1b RyuButtonRoot--bnn RyuButtonRoot--97s" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/leadership">
<div class="RyuButtonIcon-sc-ltbz6a-kwa ldS-9sm"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 16 16" class="RyuIconSvg-sc-pwh8r-0 cDKLQA RyuIconSvg RyuIconSvg--status-empty RyuIconSvg--asSizeS RyuIconSvg--inline" aria-hidden="true">
<circle cx="8" cy="8" r="6.5" stroke="currentColor"></circle>
</svg></div><span class="RyuButtonContent-sc-tyfdsd-ay9 jRd-37t">Leadership</span>
</a></div>
</div>
</div>
</div>
<div class="ePZ-irp">
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-xnc">
<div>
<div class="bCs-lze"><a class="RyuButtonRoot-sc-pfy37f-ej9 inV-8gs RyuButtonRoot--w1b RyuButtonRoot--bnn RyuButtonRoot--97s" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/ownership">
<div class="RyuButtonIcon-sc-ltbz6a-kwa ldS-9sm"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 16 16" class="RyuIconSvg-sc-pwh8r-0 cDKLQA RyuIconSvg RyuIconSvg--status-empty RyuIconSvg--asSizeS RyuIconSvg--inline" aria-hidden="true">
<circle cx="8" cy="8" r="6.5" stroke="currentColor"></circle>
</svg></div><span class="RyuButtonContent-sc-tyfdsd-ay9 jRd-37t">Ownership</span>
</a></div>
</div>
</div>
</div>
<div class="ePZ-irp">
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-xnc">
<div>
<div class="bCs-lze"><a class="RyuButtonRoot-sc-pfy37f-ej9 inV-8gs RyuButtonRoot--w1b RyuButtonRoot--bnn RyuButtonRoot--97s" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/financial-details">
<div class="RyuButtonIcon-sc-ltbz6a-kwa ldS-9sm"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 16 16" class="RyuIconSvg-sc-pwh8r-0 cDKLQA RyuIconSvg RyuIconSvg--status-empty RyuIconSvg--asSizeS RyuIconSvg--inline" aria-hidden="true">
<circle cx="8" cy="8" r="6.5" stroke="currentColor"></circle>
</svg></div><span class="RyuButtonContent-sc-tyfdsd-ay9 jRd-37t">Financial details</span>
</a></div>
</div>
</div>
</div>
<div class="ePZ-irp">
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-xnc">
<div>
<div class="bCs-lze"><a class="RyuButtonRoot-sc-pfy37f-ej9 inV-8gs RyuButtonRoot--w1b RyuButtonRoot--bnn RyuButtonRoot--97s" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/submit">
<div class="RyuButtonIcon-sc-ltbz6a-kwa ldS-9sm"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 16 16" class="RyuIconSvg-sc-pwh8r-0 cDKLQA RyuIconSvg RyuIconSvg--status-empty RyuIconSvg--asSizeS RyuIconSvg--inline" aria-hidden="true">
<circle cx="8" cy="8" r="6.5" stroke="currentColor"></circle>
</svg></div><span class="RyuButtonContent-sc-tyfdsd-ay9 jRd-37t">Review &amp; submit</span>
</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bmNa-3lr">
<div class="irz-w8o">
<div class="jIc-wi7">
<div class="ePZ-irp">
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-xnc">
<div>
<div class="bCs-lze"><button class="RyuButtonRoot-sc-pfy37f-ej9 inV-8gs RyuButtonRoot--w1b RyuButtonRoot--bnn RyuButtonRoot--97s" type="button">
<div class="RyuButtonIcon-sc-ltbz6a-kwa ldS-9sm"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="RyuIconSvg-sc-pwh8r-0 cCZdaH RyuIconSvg RyuIconSvg--log-out RyuIconSvg--asSizeS RyuIconSvg--inline" aria-hidden="true">
<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
<polyline points="16 17 21 12 16 7"></polyline>
<line x1="21" y1="12" x2="9" y2="12"></line>
</svg></div><span class="RyuButtonContent-sc-tyfdsd-ay9 jRd-37t">Sign out</span>
</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</aside>
<div class="RyuNavigationRootContent-sc-1azq5aq-v22 gDU-zfn">
<div class="RyuFlexRoot-sc-nk769a-wqd eJZ-dpj">
<main class="cMc-t4o">
<div class="RyuFlexRoot-sc-nk769a-wqd Opk-vpa">
<div class="bmNa-3lr">
<h3 class="cXn-qbp">
<div class="RyuFlexRoot-sc-nk769a-wqd fYX-gip">
<div class="bmNa-3lr">
<div><span class="RyuTextHeadingRoot-sc-89xi1a-jv1 kYV-mz6">Tell us about the business</span></div>
</div>
</div>
</h3>
</div>
</div>
<div class="kXY-8fl"></div>
<form>
<p class="qGj-3ym">We’ll use this information to securely confirm the business identity and manage the corporate account.</p>
<h2 class="RyuTextHeadingRoot-sc-89xi1a-jv1 cyx-yj3">Business address</h2>
<div class="kXY-8fl"></div>
<p class="jWl-zm6">Enter a physical U.S. address. P.O. boxes are not allowed.</p>
<div class="RyuFlexRoot-sc-nk769a-wqd itx-spw">
<div class="bmNa-3lr">
<div class="gXm-zdy">
<div class="cub-tbm dhr-oqv RyuInputBaseRoot--fao">
<div class="eEl-qjr"><span class="RyuInputBaseLabel-sc-1eymeu9-k52 gCV-x1a">Street address (required)</span>
<div class="RyuInputBaseContent-sc-1o1ccd0-d5v bKZ-sf5">
<div class="RyuFlexRoot-sc-nk769a-wqd kEf-l7f"><input name="address1" id=":rn-njs" type="search" class="eYE-9qa" value=""></div>
</div>
</div><button type="button" class="RyuInputBaseDecoration-sc-9h44wg-9ai dnn-7fw fcT-yl2"></button>
</div>
</div>
</div>
<div class="bmNa-3lr">
<div class="cub-tbm dhr-oqv RyuInputBaseRoot--fao">
<div class="eEl-qjr"><span class="RyuInputBaseLabel-sc-1eymeu9-k52 gCV-x1a">Floor / Suite / Office #</span>
<div class="RyuInputBaseContent-sc-1o1ccd0-d5v bKZ-sf5">
<div class="RyuFlexRoot-sc-nk769a-wqd kEf-l7f"><input name="address2" id=":rr-sev" type="text" class="eYE-9qa" value=""></div>
</div>
</div>
</div>
</div>
<div class="bmNa-3lr">
<div class="gXm-zdy">
<div class="cub-tbm dhr-oqv RyuInputBaseRoot--fao">
<div class="eEl-qjr"><span class="RyuInputBaseLabel-sc-1eymeu9-k52 gCV-x1a">City (required)</span>
<div class="RyuInputBaseContent-sc-1o1ccd0-d5v bKZ-sf5">
<div class="RyuFlexRoot-sc-nk769a-wqd kEf-l7f"><input name="city" id=":rv-d8l" type="text" class="eYE-9qa" value=""></div>
</div>
</div>
</div>
</div>
</div>
<div class="bmNa-3lr">
<div class="RyuFlexRoot-sc-nk769a-wqd jAR-va9 RyuFlexRoot--b6g">
<div class="bmNa-3lr row-olg RyuFlexItem--xcl">
<div class="gXm-zdy">
<div class="cub-tbm dhr-oqv RyuInputBaseRoot--fao">
<div class="eEl-qjr"><span class="RyuInputBaseLabel-sc-1eymeu9-k52 gCV-x1a">State (required)</span>
<div class="RyuInputBaseContent-sc-1o1ccd0-d5v bKZ-sf5"><button type="button" class="eYE-9qa"></button></div>
</div><button type="button" class="RyuInputBaseDecoration-sc-9h44wg-9ai dnn-7fw fcT-yl2"></button>
<div class="RyuInputBaseDecoration-sc-9h44wg-9ai dnn-7fw bKq-64c"><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>
<div class="bmNa-3lr row-olg RyuFlexItem--xcl">
<div class="cub-tbm dhr-oqv RyuInputBaseRoot--fao">
<div class="eEl-qjr"><span class="RyuInputBaseLabel-sc-1eymeu9-k52 gCV-x1a">Zip code (required)</span>
<div class="RyuInputBaseContent-sc-1o1ccd0-d5v bKZ-sf5">
<div class="RyuFlexRoot-sc-nk769a-wqd kEf-l7f"><input name="postal_code" id=":r1-cjn" placeholder="#####" type="text" class="eYE-9qa" value=""></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="iAQ-9ee"></div>
<div class="kVW-bzo"></div><button class="RyuButtonRoot-sc-pfy37f-ej9 RNd-qo2 RyuButtonRoot--j7c RyuButtonRoot--kgx" type="submit"><span class="RyuButtonContent-sc-tyfdsd-ay9 jRd-37t">Save &amp; continue</span></button>
<div class="iAQ-9ee"></div>
</form>
</main>
<aside class="fAN-42s"><img src="https://app.ramp.com/static/asset.MkMifYBG-s.jpg" class="eND-yh5">
<div>
<div class="iAQ-9ee"></div>
<p class="jEJ-zdb">“The three things I love about Ramp are its easy adoption, great customer service, and perks that help you grow. Choosing Ramp was a no-brainer. It’s easy to set up and the support experience is unparalleled.”</p>
<div class="RyuFlexRoot-sc-nk769a-wqd fYX-gip">
<div class="bmNa-3lr">
<div class="cRH-5ep RyuAvatarRoot--evh"><img src="https://app.ramp.com/static/asset.Ven4MQSPho.jpg" class="bBg-m6y RyuImageRoot--gew"></div>
</div>
<div class="bmNa-3lr">
<div>
<p class="ieX-3yx">Zuben Mathews <span class="iIR-ewv">CEO</span></p><img src="https://app.ramp.com/static/asset.J9kW_c10x5.png" height="25">
</div>
</div>
</div>
</div>
</aside>
</div>
</div>
</div>
</div>
<div></div>
<div></div>
<div></div>
Raw
style.css
@font-face {
font-family:Lausanne;
font-weight:300;
font-style:normal;
font-display:swap;
src:url(https://app.ramp.com/static/asset.bwIDXYIkC0.woff2) format("woff2"),url(https://app.ramp.com/static/asset.76TjNr4tjZ.woff) format("woff");
}
@font-face {
font-family:Lausanne;
font-weight:300;
font-style:italic;
font-display:swap;
src:url(https://app.ramp.com/static/asset.o9QVgIUATY.woff2) format("woff2"),url(https://app.ramp.com/static/asset.DtBGj0GsTq.woff) format("woff");
}
@font-face {
font-family:Lausanne;
font-weight:400;
font-style:normal;
font-display:swap;
src:url(https://app.ramp.com/static/asset.Oz4JFr1bDX.woff2) format("woff2"),url(https://app.ramp.com/static/asset.QMKTFIg1sn.woff) format("woff");
}
@font-face {
font-family:Lausanne;
font-weight:400;
font-style:italic;
font-display:swap;
src:url(https://app.ramp.com/static/asset.gNC0xEJVFV.woff2) format("woff2"),url(https://app.ramp.com/static/asset.RheYMbhG9O.woff) format("woff");
}
@font-face {
font-family:Lausanne;
font-weight:700;
font-style:bold;
font-display:swap;
src:url(https://app.ramp.com/static/asset.AL4L_ciERE.woff2) format("woff2"),url(https://app.ramp.com/static/asset.FxcALOjwA3.woff) format("woff");
}
@font-face {
font-family:Lausanne;
font-weight:700;
font-style:italic;
font-display:swap;
src:url(https://app.ramp.com/static/asset.Nupxdz2YAh.woff2) format("woff2"),url(https://app.ramp.com/static/asset.LyD2i8hYNe.woff) format("woff");
}
body {
font-size:16px;
font-family:Lausanne, Helvetica, sans-serif;
font-weight:300;
color:rgb(46, 46, 39);
}
body {
/* CSS Variables that may have been missed get put on body */
--ryu-button-color: #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-dkf {
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-3do {
display: flex;
min-height: 100%;
}
.cIq-3do.RyuNavigation--hbf {
position: relative;
}
section {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
.kSI-dea {
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: e7e8fe;
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-dea.RyuNavigationDesktopPrimaryContainer--b9k {
transform: translateX(0px);
}
.kSI-dea:-webkit-scrollbar {
appearance: none;
}
.kSI-dea:-webkit-scrollbar-thumb {
border-radius: 0.25rem;
background-color: rgba(0, 0, 0, 0.5);
}
.gDU-zfn {
flex: 1 1 0%;
}
.RyuNavigation--hbf .RyuNavigationRootContent-sc-1azq5aq-v22 {
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;
}
.ghj-2ti {
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-2ti {
gap: 0rem;
}
}
.kSI-dea > .RyuFlexRoot-sc-nk769a-wqd {
height: 100vh;
}
.eJZ-dpj {
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-dpj {
gap: 0rem;
}
}
input {
font-family: Lausanne, Helvetica, sans-serif;
font-weight: 300;
}
label {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
span {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
.bmNa-3lr {
display: flex;
flex-direction: column;
flex-basis: auto;
max-width: 100%;
}
.bmNa-3lr.row-olg {
min-width: 0px;
-webkit-box-flex: 1;
flex-grow: 1;
flex-basis: 0%;
}
.kSI-dea [data-id="desktop-primary-header"] > div:nth-child(3) {
position: sticky;
bottom: 0px;
}
.cMc-t4o {
max-width: 40rem;
padding: 1.5rem;
flex: 1 0 auto;
}
@media (min-width: 992px){
.cMc-t4o {
max-width: 50rem;
padding: 5rem;
}
}
.fAN-42s {
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: #f1ff9d;
}
.fQj-qmo {
margin: 1rem 0.5rem;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
}
.irz-w8o {
background-color: rgb(244, 243, 239);
border-top: 1px solid rgb(235, 232, 229);
padding: 0.25rem 0px;
}
.Opk-vpa {
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-vpa {
gap: 1rem;
}
}
.kXY-8fl {
flex-shrink: 0;
height: 0.5rem;
}
@media only screen and (min-width: 768px){
.kXY-8fl {
height: 0.5rem;
}
}
form {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
.eND-yh5 {
width: 100%;
min-height: 0px;
object-fit: cover;
object-position: center top;
aspect-ratio: 583 / 711;
}
.jGr-ehk.RyuNavigationDesktopPrimaryHeaderButton--lwy {
width: 100%;
min-width: 0px;
}
.jIc-wi7 {
white-space: nowrap;
}
p {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
p {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
}
.qGj-3ym {
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-3ym:not(:last-child) {
margin-bottom: 1lh;
}
h2 {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
h2 {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
}
.cyx-yj3 {
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-yj3 {
font-size: 1.75rem;
line-height: 2rem;
letter-spacing: -0.02em;
padding-block: 1.25rem;
}
}
.jWl-zm6 {
color: rgb(112, 112, 98);
font-family: Lausanne, Helvetica, sans-serif;
font-weight: 300;
font-size: 0.875rem;
line-height: 1.25rem;
text-decoration: none;
text-align: inherit;
letter-spacing: normal;
max-width: 100%;
overflow-wrap: break-word;
}
.jWl-zm6:not(:last-child) {
margin-bottom: 1lh;
}
.itx-spw {
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-spw {
gap: 1rem;
}
}
.iAQ-9ee {
flex-shrink: 0;
height: 1rem;
}
@media only screen and (min-width: 768px){
.iAQ-9ee {
height: 1.5rem;
}
}
.kVW-bzo {
flex-shrink: 0;
height: 1.5rem;
}
@media only screen and (min-width: 768px){
.kVW-bzo {
height: 2.5rem;
}
}
.RNd-qo2 {
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-qo2.RyuButtonRoot--kgx {
color: var(--ryu-button-contrast-color);
border: solid 1px var(--ryu-button-bg-color);
background-color: var(--ryu-button-bg-color);
}
.RNd-qo2.RyuButtonRoot--j7c {
--ryu-button-color: #605239;
--ryu-button-contrast-color: #2E2E27;
--ryu-button-bg-color: #E4F222;
}
.RNd-qo2:hover,.RNd-qo2:active {
filter: brightness(0.95);
}
.jEJ-zdb {
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-zdb:not(:last-child) {
margin-bottom: 1lh;
}
.fYX-gip {
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-gip {
gap: 1rem;
}
}
.ePZ-irp {
border-radius: 0.25rem;
margin: 0.25rem 0.5rem;
}
h3 {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
h3 {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
}
.jRd-37t {
text-align: left;
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.RNd-qo2:hover:not(:disabled, [aria-disabled="true"]) .RyuButtonContent-sc-tyfdsd-ay9 {
text-decoration: underline;
}
a {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
a,[role="button"] {
color: inherit;
font-weight: 400;
}
.hWk-5zz {
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-5zz.icon-9c9 {
-webkit-box-pack: center;
justify-content: center;
max-width: 2rem;
min-width: 2rem;
padding: 0px;
}
.hWk-5zz.icon-oev {
border-radius: 10rem;
}
.hWk-5zz.RyuButtonRoot--bnn {
color: var(--ryu-button-color);
}
.hWk-5zz.RyuButtonRoot--w1b {
--ryu-button-color: #2E2E27;
--ryu-button-contrast-color: #2E2E27;
--ryu-button-bg-color: #ebe8e5;
}
.jGr-ehk .RyuButtonRoot-sc-pfy37f-ej9 {
height: auto;
min-height: 2rem;
border-radius: 0.25rem;
scroll-margin-top: 0.5rem;
}
.hWk-5zz.RyuButtonRoot--w1b.icon-9c9 {
--ryu-button-color: #707062;
}
.jGr-ehk .RyuButtonRoot-sc-pfy37f-ej9.RyuButtonRoot--w1b {
background-color: inherit;
color: rgb(112, 112, 98);
}
.hWk-5zz:hover,.hWk-5zz:active {
filter: brightness(0.95);
}
.jGr-ehk .RyuButtonRoot-sc-pfy37f-ej9.RyuButtonRoot--w1b:hover, .jGr-ehk .RyuButtonRoot-sc-pfy37f-ej9.RyuButtonRoot--w1b.icon-9c9:not(.RyuButtonRoot--filled):hover {
background-color: rgb(244, 243, 239);
color: rgb(46, 46, 39);
}
.ePZ-irp.RyuNavigationItemSingleRoot--v53 {
background-color: rgb(235, 232, 229);
}
.gXm-zdy {
position: relative;
}
.cub-tbm {
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-oqv {
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-oqv.RyuInputBaseRoot--fao {
height: 3.5rem;
overflow: hidden;
}
.cub-tbm:hover {
color: rgb(46, 46, 39);
border-style: solid;
border-width: 0px 0px 1px;
border-color: transparent transparent rgb(112, 112, 98);
}
.jAR-va9 {
display: flex;
flex-direction: row;
align-items: flex-start;
-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){
.jAR-va9 {
gap: 1rem;
}
}
.jAR-va9.RyuFlexRoot--b6g {
flex-wrap: wrap;
}
@media only screen and (min-width: 768px){
.jAR-va9.RyuFlexRoot--b6g {
flex-wrap: nowrap;
}
}
.cRH-5ep {
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-5ep.RyuAvatarRoot--evh {
border-radius: 50%;
}
.ldS-9sm {
display: flex;
-webkit-box-align: center;
align-items: center;
pointer-events: none;
transition: transform 0.2s ease 0s;
transform: rotate(0deg);
}
.eEl-qjr {
position: relative;
display: flex;
flex-wrap: wrap;
flex: 1 1 0%;
min-width: 0px;
-webkit-box-pack: start;
justify-content: flex-start;
}
.bmNa-3lr.RyuFlexItem--xcl {
flex-basis: 100%;
flex-wrap: wrap;
}
@media only screen and (min-width: 768px){
.bmNa-3lr.RyuFlexItem--xcl {
flex-basis: auto;
flex-wrap: nowrap;
}
.bmNa-3lr.RyuFlexItem--xcl.row-olg {
flex-basis: 0%;
}
}
.bBg-m6y {
object-position: initial;
display: block;
max-width: 100%;
max-height: 100%;
}
.bBg-m6y.RyuImageRoot--gew {
width: 100%;
}
.ieX-3yx {
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-lze {
cursor: pointer;
}
.dnn-7fw {
display: flex;
-webkit-box-align: center;
align-items: center;
height: 1.5rem;
transition: transform 0.2s ease 0s;
margin-block-start: 0px;
}
.fcT-yl2 {
visibility: hidden;
}
.RyuInputBaseRoot--fao .RyuInputBaseDecoration-sc-9h44wg-9ai {
transform: translateY(0.5rem);
}
.RyuInputBaseRoot--fao .RyuInputBaseDecoration-sc-9h44wg-9ai {
align-self: flex-start;
}
.fcT-yl2: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;
}
.gCV-x1a {
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--fao .RyuInputBaseLabel-sc-1eymeu9-k52 {
transform-origin: left top;
transition: transform 0.2s ease 0s, color 0.2s ease 0s;
transform: translateY(0.5rem) scale(1);
}
.bKZ-sf5 {
display: flex;
flex-wrap: wrap;
flex: 1 1 0%;
min-width: 0px;
min-height: 1.5rem;
opacity: 0;
}
.RyuInputBaseRoot--fao .RyuInputBaseContent-sc-1o1ccd0-d5v {
transition: opacity 0.2s ease 0s, margin-top 0.2s ease 0s;
margin-top: 1rem;
}
.iIR-ewv {
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-8gs {
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-8gs.RyuButtonRoot--97s {
width: 100%;
}
.inV-8gs.RyuButtonRoot--bnn {
color: var(--ryu-button-color);
}
.inV-8gs.RyuButtonRoot--w1b {
--ryu-button-color: #2E2E27;
--ryu-button-contrast-color: #2E2E27;
--ryu-button-bg-color: #ebe8e5;
}
.bCs-lze > .RyuButtonRoot-sc-pfy37f-ej9 {
height: auto;
min-height: 2rem;
border-radius: 0.25rem;
scroll-margin-top: 0.5rem;
}
.bCs-lze > .RyuButtonRoot-sc-pfy37f-ej9.RyuButtonRoot--w1b {
background-color: inherit;
color: rgb(112, 112, 98);
}
.inV-8gs:hover,.inV-8gs:active {
filter: brightness(0.95);
}
.bCs-lze > .RyuButtonRoot-sc-pfy37f-ej9.RyuButtonRoot--w1b:hover {
background-color: rgb(244, 243, 239);
color: rgb(46, 46, 39);
}
.bCs-lze > .RyuButtonRoot-sc-pfy37f-ej9.RyuButtonRoot--w1b:hover {
background-color: rgb(235, 232, 229);
color: rgb(46, 46, 39);
filter: none;
}
.kYV-mz6 {
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-mz6 {
font-size: 2.5rem;
line-height: 3rem;
letter-spacing: -0.02em;
padding-block: 1.75rem;
}
}
.cXn-qbp .RyuTextHeadingRoot-sc-89xi1a-jv1 {
padding: 0px;
}
.kEf-l7f {
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-l7f {
gap: 0.5rem;
}
}
.bCs-lze.RyuNavigationButtonRoot--jd6 > .RyuButtonRoot-sc-pfy37f-ej9.RyuButtonRoot--w1b, .bCs-lze > .RyuButtonRoot-sc-pfy37f-ej9.RyuButtonRoot--w1b:hover {
background-color: rgb(235, 232, 229);
color: rgb(46, 46, 39);
filter: none;
}
.ePZ-irp.RyuNavigationItemSingleRoot--v53 .RyuNavigationItemSingleMain-sc-kc1pyy-xnc .RyuButtonRoot-sc-pfy37f-ej9.RyuButtonRoot--w1b {
color: rgb(46, 46, 39);
}
.bCs-lze > .RyuButtonRoot-sc-pfy37f-ej9.RyuButtonRoot--w1b:hover, .bCs-lze > .RyuButtonRoot-sc-pfy37f-ej9.RyuButtonRoot--w1b.icon-9c9:not(.RyuButtonRoot--filled):hover {
background-color: rgb(244, 243, 239);
color: rgb(46, 46, 39);
}
.bCs-lze > .RyuButtonRoot-sc-pfy37f-ej9 .RyuButtonIcon-sc-ltbz6a-kwa:not(.RyuButtonIcon--hasChildren) {
min-height: 1.25rem;
}
.inV-8gs.RyuButtonRoot--97s > .RyuButtonContent-sc-tyfdsd-ay9 {
-webkit-box-flex: 1;
flex-grow: 1;
}
.inV-8gs:hover:not(:disabled, [aria-disabled="true"]) .RyuButtonContent-sc-tyfdsd-ay9 {
text-decoration: underline;
}
.eYE-9qa {
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-sf5 input {
background-color: transparent;
}
.eYE-9qa:not(:-webkit-autofill) {
animation-name: on-autofill-cancel;
animation-fill-mode: both;
}
.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;
}
.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-64c .RyuIconSvg {
transition: transform 0.2s ease 0s;
transform: rotate(0deg);
}
.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;
}
button.eYE-9qa {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.eYE-9qa:placeholder-shown {
text-overflow: ellipsis;
}
@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 */
#crx-tmi.style-PP1XP {
position: fixed;
width: 0px;
height: 0px;
top: 0px;
left: 0px;
z-index: 2147483647;
overflow: visible;
}
#rgb-7mj.style-vHcP3 {
display: none;
}
#hsl-p5v.style-DbjZB {
display: none;
}
#col-ejt.style-ae6gC {
display: none;
}
#style-y1iLG.style-y1iLG {
display: none;
}
#style-MJ1n8.style-MJ1n8 {
display: none;
visibility: hidden;
}
#bat-mao.style-lvAAb {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-o3d.style-iGUcI {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-4ch.style-lA7mO {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-2ct.style-k7cqm {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-ox7.style-Tqh34 {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-ydq.style-aaYKt {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-x7b.style-3WC9b {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-vtq.style-HOr8x {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-lma.style-qDvlU {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-rno.style-So3Z9 {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-fz2.style-ReZUN {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-s4j.style-WZeBm {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-r8b.style-SDW9o {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#style-PJonN.style-PJonN {
display: none;
}
#style-PfqLs.style-PfqLs {
display: none;
}
#style-wdSgZ.style-wdSgZ {
display: none;
}
#style-q2Oka.style-q2Oka {
display: none;
}
#style-HbdPY.style-HbdPY {
display: none;
}
#style-dVPXj.style-dVPXj {
display: none;
}
#style-ngayR.style-ngayR {
display: none;
}
#style-QqcpV.style-QqcpV {
display: none;
}
#style-R4Vot.style-R4Vot {
display: none;
}
#style-9i6Bk.style-9i6Bk {
display: none;
}
#style-mnGI2.style-mnGI2 {
display: none;
}
#style-mWeWB.style-mWeWB {
display: none;
}
#style-8VRC4.style-8VRC4 {
display: none;
}
#style-OZc31.style-OZc31 {
display: none;
}
#style-yDnJn.style-yDnJn {
display: none;
}
#style-6pCZd.style-6pCZd {
display: none;
}
#style-TBbde.style-TBbde {
display: none;
}
#style-ePQSt.style-ePQSt {
display: none;
}
#sni-o1w.style-SGShR {
right: 70px;
top: 424.7px;
}
#style-8bsws.style-8bsws {
touch-action: none;
}
#style-qrl6h.style-qrl6h {
touch-action: none;
}
#style-WYt6L.style-WYt6L {
top: -2px;
left: 256px;
height: 0px;
width: 0px;
}
#style-ipqUY.style-ipqUY {
top: -2px;
left: 1056px;
height: 0px;
width: 0px;
}
#style-yV5cq.style-yV5cq {
top: -4px;
left: -4px;
height: 0px;
width: 0px;
}
#style-1xr89.style-1xr89 {
top: -2px;
left: 254px;
height: 0px;
width: 0px;
}
#style-72Pbz.style-72Pbz {
top: -2px;
left: 0px;
height: 0px;
width: 0px;
}
#style-R4hle.style-R4hle {
top: -4px;
left: -4px;
height: 0px;
width: 0px;
}
#style-1mwt9.style-1mwt9 {
top: -4px;
left: -4px;
height: 0px;
width: 0px;
}
#style-ToedL.style-ToedL {
top: -2px;
left: -2px;
height: 0px;
width: 0px;
}
#style-VpALs.style-VpALs {
top: 0px;
left: 0px;
position: absolute;
}
#sni-ar4.style-7Q8cx {
left: 1436px;
top: 0px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment