:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--clrblack: #1e272e;--clrblack2: #2f3640;--clrblack3: #353b48;--clrred: #c23616;--clrred2: #e84118;--clrorange: #f39c12;--clryellow: #f1c40f;--clrpurple: #8e44ad;--clrpurple2: #9b59b6;--clrblue: #0097e6;--clrblue2: #00a8ff;--clrgreen: #44bd32;--clrgreen2: #4cd137;--clrwhite: #f5f6fa}*{margin:0;padding:0;box-sizing:border-box}button{cursor:pointer}ul,li{list-style-type:none}:root{--clrblack: #1e272e;--clrblack2: #2f3640;--clrblack3: #353b48;--clrred: #c23616;--clrred2: #e84118;--clrorange: #f39c12;--clryellow: #f1c40f;--clrpurple: #8e44ad;--clrpurple2: #9b59b6;--clrblue: #0097e6;--clrblue2: #00a8ff;--clrgreen: #44bd32;--clrgreen2: #4cd137;--clrwhite: #f5f6fa}#root{max-width:1280px;margin:0 auto;padding:20px}.dark{background-color:#1e272e;color:#f5f6fa}.light{background-color:#f5f6fa;color:#1e272e}.change-theme__button{position:fixed;top:20px;right:20px;font-size:24px;background:none;border:2px solid cyan;padding:15px 30px;font-weight:700;border-radius:10px;color:inherit;transition:.1s}.change-theme__button:hover{transform:translate(-10px,-10px);box-shadow:10px 10px #000;background-color:#ff69b4;border-color:#ff69b4}.change-theme__button:active{transform:translate(0);background-color:var(--clrwhite);box-shadow:none;color:var(--clrblack)}.quotes__container{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.quotes-list{margin-bottom:5px;border:2px solid var(--clrblack3)}.quotes-list .quotes-list__tab{background:none;color:inherit;border:none;padding:5px;display:flex;justify-content:space-between;width:450px}.element-name,.element-current{font-size:24px;font-weight:700}.element-current{transition:background-color .1s;padding:0 4px;border-radius:4px}.element-current.up{animation:upFlash 1.5s}.element-current.down{animation:downFlash 1.5s}@keyframes upFlash{0%{background-color:var(--clrgreen)}to{background-color:transparent}}@keyframes downFlash{0%{background-color:var(--clrred)}to{background-color:transparent}}.errorMessage{font-size:24px;padding:5px 10px;background-color:var(--clrred2);color:var(--clrblack);font-weight:700;border-radius:5px}