@layer base,component,page;@layer base{*{box-sizing:border-box}body{font-family:var(--main-font);margin:0}:root{--main-color: #355fe5;--text-color: #OA112F;--main-font: "Montserrat", sans-serif;--background-color: #f3f3f3;--light-text-color: #5c5c5c}html{background-color:var(--background-color)}input,textarea,button,select{font:inherit}.ax-button{all:unset;outline:revert;box-sizing:border-box}a{all:unset}input{appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;border:none;background:transparent;box-shadow:none}}@layer component{.sr-only,.sr-only-focusable:not(:focus):not(:focus-within){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer component{.currency-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,auto));grid-gap:1rem;margin-bottom:1rem}.emoji-code-pair{display:flex;align-items:left;gap:.5rem}.currency-card{background-color:#fff;border:2px solid transparent;border-radius:10px;box-shadow:0 1px 3px #0000001a;transition:border .1s ease}.currency-card:hover,.currency-card.active{border-color:var(--main-color)}.currency-card[disabled]{background-color:#ccc}.country-items{padding:.5rem}}@layer component{.company-logo{font-size:1.875rem;font-family:var(--main-font);color:#000}.text-country-name{font-size:.875rem;color:var(--light-text-color);font-family:var(--main-font)}.text-country-code{font-size:.875rem;font-weight:700;font-family:var(--main-font);color:#000}.text-country-name{font-size:.875rem;font-weight:400;font-family:var(--main-font);color:var(--light-text-color)}.text-dimmed{font-size:.875rem;color:var(--light-text-color);font-family:var(--main-font)}.text-bold{font-size:.875rem;font-weight:700;font-family:var(--main-font);color:#000}.currency-paragraph{text-align:center;font-size:1.25rem;color:var(--light-text-color);font-family:var(--main-font)}.select-currency{font-size:1.75rem;color:#000;font-weight:300;font-family:var(--main-font)}.blue-text{color:var(--main-color)}.center-text{text-align:center}.dimmed-underlined{text-decoration:underline;text-decoration-color:var(--light-text-color);text-decoration-thickness:2px;color:var(--main-color)}}@layer component{.container{margin:auto;max-width:1300px;padding-inline:20px;position:relative}}@layer component{.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;width:100%;background-color:#fff}@media (max-width: 600px){.nav-container{justify-content:center}}.logo-title{padding-left:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.nav-links{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding-right:1rem}.nav-links-right{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding-right:1.5rem}@media (max-width: 950px){.nav-container{justify-content:center;flex-direction:column}.nav-links,.nav-links-right{padding:1rem 0}}}@layer component{.rounded-button{background-color:var(--main-color);color:#fff;border-radius:20px;padding:10px 20px;font-size:1em}.rounded-button:active{transform:translateY(2px)}.btn{cursor:pointer}.rounded-swap-button{background-color:#fff;color:var(--main-color);border:2px solid transparent;border-radius:20px;padding:10px 20px;font-size:1em}.rounded-swap-button:active{transform:translateY(2px)}.rounded-swap-button:hover{border-color:var(--main-color)}}@layer component{.footer-grid{display:grid;grid-template-rows:1fr auto;height:100%}.footer-bottom{display:flex;justify-content:space-between;margin:40px 0}.footer-links{display:flex;gap:2rem;margin:80px 0}.footer-left{flex:0 0 auto}.logo-title-footer{padding-left:1rem;display:flex;align-items:center;justify-content:center;align-self:flex-start;gap:.5rem}.company-logo-footer{font-size:1.875rem;font-family:var(--main-font);color:#000;margin:0}.footer-rest{flex:1;gap:.75rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:1fr;gap:.6rem;text-align:center}.footer-rest{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:1fr}.footer-bottom-left,.footer-bottom-right{display:flex;justify-content:space-evenly;align-items:center;gap:1rem}@media (max-width: 700px){.footer-links{flex-direction:column}.footer-rest{gap:1.5rem}}@media (max-width: 700px){.footer-links{flex-direction:column}.footer-rest{gap:1.5rem}.footer-bottom{flex-direction:column;gap:1.5rem}}}@layer component{.track-rate-grid{display:grid;grid-template-columns:auto-fit;justify-content:end;align-items:center;margin:2rem 0;padding-right:2rem}.track-rate-disabled{opacity:.5}}@layer component{.back{position:absolute;top:0;left:0;cursor:pointer}.back:active{transform:translateY(2px)}.result-card-flex,.results-update-flex{display:flex;justify-content:center;align-items:center;gap:2rem}.header{margin-top:3rem}.selected-currency-card{background-color:#fff;border:2px solid transparent;border-radius:30px;box-shadow:0 1px 3px #0000001a;padding:1rem}.conversion-flex{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem;margin-bottom:.5rem}.conv-upper{margin-bottom:0}.conv-lower{margin-top:5px}input{text-align:center;display:block;margin:2.5rem auto;border:none;background:transparent;font-size:3.5rem;color:var(--main-color);font-weight:300;font-family:var(--main-font);width:80%;min-width:200px}}