@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:98vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}header{position:absolute;top:9vh;align-items:center;display:flex;flex-direction:column;color:#1e3a5f}header h1{font-size:xx-large;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.5)}header p{font-size:x-large;font-weight:300;text-shadow:2px 2px 4px rgba(0,0,0,.5)}@media(max-width:780px){header h1{font-size:x-large}header p{font-size:large}}@media(max-width:530px){header{top:5vh}}.main{border-radius:20px;background-color:#fff;box-shadow:0 2px 4px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:64vw;position:relative;top:8vh;transition:box-shadow .3s ease,transform .3s ease}.main:hover{box-shadow:0 15px 40px #00000014;transform:translateY(-2px)}@media(max-width:530px){.main{top:50px;position:relative}}.convert-button-container{display:flex;justify-content:center;padding:15px}.convert-button{background:linear-gradient(135deg,#42a5f5,#61dafb);color:#fff;font-weight:600;font-size:1rem;border:none;border-radius:10px;padding:12px 32px;cursor:pointer;box-shadow:0 4px 10px #42a5f566;transition:all .25s ease}.convert-button:hover{background:linear-gradient(135deg,#1e88e5,#42a5f5);box-shadow:0 6px 14px #42a5f580;transform:translateY(-2px)}.convert-button:active{transform:translateY(0);box-shadow:0 3px 8px #42a5f54d}.coins{display:flex;flex-direction:column;gap:12px;background:#f9fafc;padding:20px;border-radius:12px;width:100%;max-width:320px;box-shadow:0 4px 12px #0000000f;color:#1a1a1a;font-family:Inter,Segoe UI,sans-serif}.coins p{margin:0;font-weight:600;color:#1e3a5f;letter-spacing:.3px}.valor_input,.selects{width:100%;padding:10px 14px;border:1.5px solid #cfd8e3;border-radius:8px;background-color:#fff;color:#1a1a1a;font-size:.95rem;transition:all .2s ease;outline:none;box-sizing:border-box}.valor_input:hover,.selects:hover{border-color:#90caf9}.valor_input:focus,.selects:focus{border-color:#42a5f5;box-shadow:0 0 6px #42a5f566}.valor_input::placeholder{color:#9ca3af;transition:color .3s ease}.valor_input:focus::placeholder{color:#42a5f5}.selects{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#42a5f5 50%),linear-gradient(135deg,#42a5f5 50%,transparent 50%);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 13px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}.selects:focus{background-color:#f0f8ff}.valor_input,.selects{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.Coins{display:flex;align-items:center;justify-content:center;padding-top:30px}@media(max-width:780px){.Coins{flex-direction:column}#partition{scale:.6}.coins{flex-direction:row;align-items:center}}@media(max-width:530px){.coins{flex-direction:column}}#root{font-family:Roboto,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background-color:#d7dee4}.errorMessage{color:#ff4d4f;margin-top:10px;font-size:.9rem;padding-bottom:10px;font-weight:700}.ticker-container{position:fixed;top:0;width:100%;overflow:hidden;z-index:1000;padding:10px 0;background-color:#0b132077;color:#fff;font-size:.9rem}.ticker-track{display:flex;gap:20px;width:max-content;animation:scroll-left 25s linear infinite}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-container:hover .ticker-track{animation-play-state:paused}.ticker-item{display:flex;gap:6px;white-space:nowrap}.pair{font-weight:600}.price{color:#3cff7f}
