@layer base,component,page;@layer base{:root{--black: #0a112f;--primary: #355fe5;--light-gray: #f7f7f7;--white: white}*{box-sizing:border-box}html{color:var(--black);background-color:var(--white)}body{font-family:Inter,sans-serif;margin:0;max-width:1440px;margin-inline:auto;padding-inline:20px}nav,footer{font-family:DM Sans,sans-serif}main{background-color:var(--light-gray)}input,textarea,button,select{font:inherit}}@layer component{a{text-decoration:none;color:var(--black)}button{cursor:pointer}.primary-color{color:var(--primary)}}@layer component{.text--footer{font-size:1rem;font-weight:500;line-height:1.45}.text--sm{font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:0%}.text--amount{font-size:3rem;font-weight:600;line-height:3.5rem;letter-spacing:.5%;color:var(--primary)}.text--result{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:.5%}.text--normal{font-size:1.125rem;font-weight:400;line-height:1.625rem;letter-spacing:.5%}.title--xl{font-size:2.625rem;font-weight:600;line-height:1;letter-spacing:.5%}.title{font-size:2rem;font-weight:400;line-height:2.5rem;letter-spacing:.5%}.title--sm{font-size:1.5rem;font-weight:400;line-height:2rem;letter-spacing:.5%}}@layer component{.top-nav{display:flex;justify-content:space-around;align-items:center;gap:50px;height:90px}.nav-links{display:flex;gap:48px;align-items:center;list-style:none;padding-left:0}.nav-link{padding:5px;white-space:nowrap;font-size:1.125rem;font-weight:500;line-height:1.6;letter-spacing:-1%}.right-items{gap:10px}.logo-link{display:contents}}@layer component{.main{padding-bottom:40px;margin-block:0px 50px}.headline{text-align:center;padding-top:40px}.headline h1{margin-block:0;padding-bottom:5px}.headline p{color:#585860;margin-bottom:25px}.currencies{margin-block:20px 40px}.currencies h2{margin:0}.base{margin-bottom:40px}.div-exchange{display:flex;justify-content:end}#exchange{cursor:pointer}}@layer component{.contents{display:flex;max-width:1068px;gap:50px;justify-content:center;margin-bottom:40px}.nav-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.nav-menu a{font-size:1rem;font-weight:500;line-height:1.6;letter-spacing:-2%;color:#696e77}.nav-menu h2{font-size:18px;font-weight:500;line-height:1.6;letter-spacing:-1%}.column{width:200px;list-style:none;padding-left:0}.column,.column h2{margin-block:0}.bottom{display:flex;justify-content:center;gap:336px;margin-bottom:20px}.copyright{display:flex;gap:32px;color:#757575;align-items:center}.copyright p{margin:0}.copyright a{color:inherit}.socials{display:flex;gap:24px}}@layer component{.container{max-width:1160px;margin-inline:auto;padding-inline:20px}.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{.btn{display:inline-block;border-radius:100px;padding:11px 24px;white-space:nowrap;font-size:1.125rem;font-weight:500;line-height:1.45;letter-spacing:-1%;border:none}.btn:disabled{background-color:#a0a0a0}.btn-blue{color:#fdfdfd;background-color:var(--primary)}.btn-refresh{color:var(--primary);border:1px solid var(--primary);border-radius:100px;padding:5px 14px;margin-left:5px}}@layer component{.cards{display:flex;flex-wrap:wrap;gap:25px 18px;margin-block:24px 43px}.card{display:flex;flex-direction:column;justify-content:center;align-items:start;width:209px;height:73px;border:none;border-radius:16px;box-shadow:0 2px 20px #0000001a;padding:24px;background-color:var(--white);transition:background-color .2s}.card:hover{background-color:#355ee550}.card:disabled{opacity:50%;background-color:var(--white);cursor:initial}.code{font-size:1.375rem;font-weight:600;line-height:1.75rem;letter-spacing:0%;color:#1f2c37}.name{font-size:.875rem;font-weight:400;line-height:1.375rem;letter-spacing:.0088rem;color:#66707a}.active{border:2px solid var(--primary)}.result-card{width:233px;height:64px;border-radius:100px;background-color:var(--white);box-shadow:0 2px 5px #00000014;border:none}#swap{width:64px;height:64px;border:none;border-radius:100px;background-color:var(--white);box-shadow:0 2px 5px #00000014;cursor:pointer}}@layer page{.ent-amount{display:flex;flex-direction:column;align-items:center;gap:15px;color:#585860;margin-block:40px}#amount{border:none;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background-color:inherit;font-size:3rem;font-weight:600;line-height:3.5rem;letter-spacing:.5%;text-align:center;color:var(--primary);outline:none;width:125px;padding:0}.buttons{display:flex;justify-content:center;gap:17px;margin-block:40px}.exchange-results,.refresh-data{text-align:center}#last-update{margin:0}.exchange-results{margin-bottom:24px}#target-amount{margin:0}#base-amount{margin-bottom:5px}}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/demo-site/assets/inter-v18-latin-regular-BOOGhInR.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/demo-site/assets/inter-v18-latin-600-D273HNI0.woff2) format("woff2")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:400;src:url(/demo-site/assets/dm-sans-v15-latin-regular-COF6noiJ.woff2) format("woff2")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:500;src:url(/demo-site/assets/dm-sans-v15-latin-500-kGSpR5A9.woff2) format("woff2")}