:root{--light-text: #fff;--dark-primary: #121318;--dark-primary-accent: #353745;--dark-light: #b2b6c7;--pink: #ef438b;--dark-text: #101010;--light-primary: #ebebeb;--light-primary-accent: #dcdcdc;--primary: var(--pink);--primary-accent: var(--dark-primary-accent);--text: var(--light-text);--inverse-text: var(--dark-text);--color-background: var(--dark-primary);--box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .5), 0 -5px 7px -5px rgba(255, 255, 255, .05) inset;--border-radius: 15px}*{margin:0;padding:0;box-sizing:border-box}::-moz-selection{color:var(--inverse-text);background:var(--text)}::selection{color:var(--inverse-text);background:var(--text)}html,body{display:block;min-height:100dvh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--color-background);color:var(--text)}body{height:100dvh}app-root{display:block;min-height:100%;height:100%}input,button{color:var(--text);font-size:1rem}.pattern{position:relative}.pattern:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:radial-gradient(circle,#3333337d 1.5px,transparent 1.5px),radial-gradient(circle,#3333337d 1.5px,transparent 1.5px);background-size:75px 75px;background-position:0 0,37px 37px;mask-image:radial-gradient(circle at center,black 0%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 100%)}