html{--ease-in-cubic: cubic-bezier(.32, 0, .67, 0);--ease-out-cubic: cubic-bezier(.33, 1, .68, 1);--ease-in-out-cubic: cubic-bezier(.65, 0, .35, 1);--t-short: .1s;--t-medium: .3s;--t-long: .6s;--hue: 160deg;--c-bg: hsl(var(--hue) 10% 95%);--c-fg: hsl(0, 0%, 10%);--c-theme: hsl(var(--hue) 100% 50%);--c-on-theme: hsl(var(--hue), 75%, 15%);--c-tx-theme: hsl(var(--hue) 75% 30%);--c-tx-secondary: hsl(0, 0%, 55%);--c-border: hsl(0, 0%, 85%);--c-card: hsl(0, 0%, 100%);--c-control-secondary: hsl(var(--hue), 50%, 85%);--c-on-secondary: var(--c-tx-theme);--r-card: .5rem;--s-thumb-size: 1.5rem}*{box-sizing:border-box}html{scrollbar-color:var(--c-theme) transparent}body{background-color:var(--c-bg);color:var(--c-fg);margin:0;padding:0;font-family:Roboto,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}body[data-theme=dark]{--c-bg: hsl(var(--hue), 5%, 10%);--c-fg: hsl(0, 0%, 90%);--c-tx-theme: hsl(var(--hue) 100% 50%);--c-border: hsl(0, 0%, 20%);--c-card: hsl(0, 0%, 20%);--c-control-secondary: hsl(var(--hue), 10%, 20%);--c-on-secondary: hsl(var(--hue), 75%, 75%)}h1,h2,h3,h4,h5,h6{margin:0;font-family:Rubik,sans-serif;font-weight:700}p{margin:0;font-family:Roboto,sans-serif;font-weight:400}p:not(:last-child),:where(h1,h2,h3,h4,h5,h6):not(:last-child){margin-bottom:.5rem}a{color:var(--c-tx-theme)}html.modal-open{overflow-y:hidden;touch-action:none}