html,body{margin:0;padding:0;width:100%;}
html{font-size:62.5%;/*user's browser setting controls font-size, default is 16px (so now 24px = 2.4rem)*/}
body{font-family:'Inter', sans-serif;font-optical-sizing:auto;text-align:center;background:#FBFBF9;color:#2B2B2B;box-sizing:border-box;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;/*text-rendering:optimizeSpeed;*/}
::selection{background:#2B2B2B;color:#FBFBF9;}
body.wait, body.wait *{cursor:wait;}

:root{
    --color-background-primary:#EDEDE8;
    --color-text-primary:#2B2B2B;
    --color-text-tertiary:#6F4E57;
}

/* Font settings - medium/500, semibold/600 and bold/700 */
h1,h2,h3,h4,h5,h6,p,q{position:relative;margin:0;padding:0;font-weight:normal;font-style:normal;line-height:1;box-sizing:border-box;}
h1{font-size:4.0rem;line-height:1.2;font-weight:600;letter-spacing:-.02rem;}
h2{font-size:3.2rem;line-height:1.2;font-weight:600;letter-spacing:-.01rem;}
h3,h5,h6{font-size:3.2rem;line-height:1.2;font-weight:600;letter-spacing:-.01rem;}
h4{font-size:4.8rem;line-height:1.2;text-decoration:underline;}
p,ol,ul{font-size:1.6rem;line-height:1.5;min-height:2.4rem;}
p.small{font-size:1.2rem;line-height:1.5;min-height:1.8rem;}
p b{font-weight:600;}
p a{text-decoration:underline;}
q{display:block;font-size:1.6rem;line-height:1.5;min-height:2.4rem;}
ul{box-sizing:border-box;margin:0;padding:0 0 0 20px;}
li{position:relative;box-sizing:border-box;}
input, textarea, select{font-family:'Inter';font-size:inherit;line-height:normal;appearance:none;background:none;display:block;color:inherit;box-sizing:border-box;padding:0;margin:0;outline:0;border:0;}

h1+p{padding-top:15px;}
h2+p{padding-top:8px;}
h3+p{padding-top:8px;}

/*      Buttons     */
a, button{position:relative;display:inline-block;box-sizing:border-box;margin:0;padding:0;text-decoration:none;border:none;background:none;color:inherit;font-family:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;font-weight:inherit;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);cursor:pointer;touch-action:manipulation;/*removes delay*/}
button:focus{outline:none;}

header{position:absolute;left:0;top:0;width:100%;height:65px;z-index:10;background:#EDEDE8;}
header .logo{position:absolute;left:35px;top:19px;width:77px;height:38px;}

main{position:relative;margin:auto;padding:125px 50px;width:100%;max-width:940px;background:#FFF;box-sizing:border-box;}

section{position:relative;box-sizing:border-box;}
.la{text-align:left;}
section + section{padding-top:65px;}

   .calc-wrap { padding:50px 0; max-width: 620px;margin:auto; }
  .row { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
  .currency-select {
    flex: 1;position:relative;
    display: flex; align-items: center; gap: 8px;
    border: 1px solid #2B3830;
    border-radius:8px;
    padding: 0 12px; height: 44px; min-width: 0;
    background: var(--color-background-primary);
    cursor: pointer;user-select:none;
  }
  .currency-select select{position:absolute;left:0;top:0;font-size:16px;color: var(--color-text-primary);cursor:pointer;padding:0;appearance:none;width:100%;height:100%;z-index:10;overflow:auto;opacity:0;}
  .border{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:.5px solid #6F4E57;border-radius:8px;opacity:0;pointer-events:none;}
  .currency-select select:focus + .border{opacity:1;}
  .amount-wrap input:focus + .border{opacity:1;}
  .flag { font-size: 20px; line-height: 1; flex-shrink: 0; }
  .currency-code { font-size:1.6rem;font-weight:600;color: var(--color-text-primary);flex-shrink:0;margin-left:2px;}
  .currency-select .arrow{position:absolute;right:25px;top:calc(50% - 5px);width:6px;height:6px;border-right:1.5px solid #2B2B2B;border-top:1.5px solid #2B2B2B;transform:rotate(135deg);}
  .amount-wrap {
    flex: 3;position:relative;
    display: flex; align-items: center;
    border: 1px solid #2B3830;
    border-radius:8px;
    padding: 0 14px; height: 44px;
    background: var(--color-background-primary);
  }
  .amount-wrap input {
    border: none; background: transparent; outline: none;font-size:1.6rem;font-weight:600;color:var(--color-text-primary);flex:1;width:100%;min-width:0;
  }
  .amount-wrap.output {
    background: var(--color-background-primary);
    border-color: #2B3830;
  }
  .sym { font-size:1.6rem;font-weight:600;color: var(--color-text-tertiary); flex-shrink: 0; margin-left: 6px; }
  .divider {margin:15px 0; }
  .divider .arrow{position:relative;margin:auto;width:1.5px;height:18px;background:#2B2B2B;}
  .divider .arrow::after{content:"";position:absolute;left:-4px;bottom:0;width:8px;height:8px;border-right:1.5px solid #2B2B2B;border-top:1.5px solid #2B2B2B;transform:rotate(135deg);}

.disclaimer{padding-top:30px;text-align:left;}
.disclaimer p{font-size:1.2rem;}
.disclaimer .cols{columns:2;column-gap:50px;padding-bottom:50px;}
.space{height:100px;}

footer{position:relative;width:100%;height:195px;background:#EDEDE8;padding:20px;text-align:center;box-sizing:border-box;}
footer .logo{margin-top:10px;width:77px;height:38px;}
footer .menu{margin-top:15px;}
footer .menu a{font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:-.01rem;padding:5px;transition:color .3s ease;}
footer .menu a + a{margin-left:20px;}
footer .menu a:hover{color:#5F8F6B;}
footer .network{position:absolute;left:0;bottom:20px;width:100%;text-align:center;}
footer .network p{font-size:1.0rem;text-transform:uppercase;}
footer .network span{padding:0 10px;line-height:12px;display:inline-block;vertical-align:top;}
footer p a{text-decoration:none;display:inline-block;vertical-align:top;}
footer p a:hover{text-decoration:underline;}

/* Mobile only */
@media all and (max-width:1000.5px){
    .desktop{display:none;}
    header{position:fixed;height:50px;}
    header .logo{left:12px;top:8px;width:70px;height:41px;}
    .logo img{width:100%;height:auto;}
    main{padding:100px 20px;}
    section + section{padding-top:50px;}
    section .input{width:100%;}
    section .result .before{left:0;width:100%;transform:none;}
    .disclaimer .cols{columns:unset;padding-bottom:30px;}
    footer{height:auto;min-height:195px;}
    footer .logo{width:70px;height:41px;}
    footer .network{position:relative;left:auto;bottom:auto;margin-top:20px;}
    footer .network span{display:none;}
    footer .network p{line-height:2.5;}
    footer p a{display:block;}   
}