:root{--color-white: #f9f9f9;--color-black: #213547;--color-background: #f9f9f9;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark;text-align:center;display:flex;justify-content:center;align-items:center;color:var(--color-black)}body{margin:0;padding:0}body *{box-sizing:border-box}p,span,a{color:var(--color-black)}.app{width:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.app.light{background-color:var(--color-background)}.app.dark{--color-white: #213547;--color-black: #f9f9f9;--color-background: #242424;background-color:var(--color-background)}.app header{width:100%;height:120px;padding:10px 20px;position:fixed;top:0}.app main{width:100%;height:calc(100% - 120px);margin-top:120px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;row-gap:20px;overflow-y:hidden}.app main .price{height:calc(30% + 60px)}.app main .graph{height:calc(60% + 60px)}.loading-today{width:25px;height:25px;margin:auto;border-radius:50%;border:5px solid var(--color-black);border-top-color:var(--color-white);animation:spin 1s ease infinite}@keyframes spin{to{transform:rotate(360deg)}}.button-google{cursor:pointer;width:max-content;height:60px;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;column-gap:10px;background-color:inherit;color:inherit;border:1px solid var(--color-black);border-radius:30px;transition:transform .3s ease}.button-google img{width:25px;height:100%}.button-google span{font-size:18px;font-weight:600}.button-google:hover{transform:scale(.95)}.button-today{cursor:pointer;width:max-content;height:30px;display:flex;align-items:center;justify-content:center;column-gap:10px;border:1px solid var(--color-black);border-radius:10px;padding:2px 10px;background-color:var(--color-black)}.button-today span,.button-today svg{color:var(--color-white)}.button-today span{font-size:700}.avatar{-webkit-user-select:none;user-select:none;width:max-content;margin-left:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:5px}.avatar .border-wrap{width:40px;height:40px;padding:3px;position:relative;background:linear-gradient(to right,#515b64,#d8d9db);border-radius:50%}.avatar .border-wrap img{width:100%;height:100%;border-radius:inherit}.avatar span{height:20px;line-height:20px}.price{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:30px;background-color:var(--color-background)}.price.screenshot{width:432px}.price.screenshot .container{margin-top:20px}.price.screenshot.dark{background-color:var(--color-black)!important}.price.screenshot.dark .date{color:var(--color-white)!important}.price.screenshot.dark .prices .divider-vertical{background-color:var(--color-white)!important}.price.screenshot.dark .prices p.next{color:var(--color-white)!important}.price.not-found{width:50%}.price .container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:30px}.price .container .date{margin:0;font-size:18px;font-weight:500;color:var(--color-black)}.price .container .prices{width:100%;height:max-content;display:flex;align-items:center;justify-content:center}.price .container .prices .currency{width:calc(50% - 2px)}.price .container .prices .currency.dolar>span{color:#73b26d}.price .container .prices .currency.euro>span{color:#4088cf}.price .container .prices .currency p{margin:20px 0 0}.price .container .prices .divider-vertical{width:2px;height:100%;display:inline-block;background-color:var(--color-black)}.price .container .prices span{line-height:25px;font-size:40px;font-weight:700;text-align:center}.price .container .prices span.next{color:var(--color-black);font-size:16px}.graph{width:100%;margin:0 auto}.graph #canvas{width:100%;height:100%;padding-left:20px}