:root{--font-family-base: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;--primary-color: #0F1136;--primary-color-hover: #333454;--secondary-color: #3338C1;--secondary-color-hover: #3B40E2;--dark-grey: #4C4D69;--middle-grey: #87889C;--light-grey: #D6D6DD;--ultra-light-grey: #F4F4F4;--white: #ffff;--warning: #F06161;--orange: #FF8C00;--yellow: #E4CB6F;--success: #4BC995;--blue: #4C87D5;--purple: #8940D3}:root body{font-family:var(--font-family-base)}:root a{font-weight:500;color:var(--secondary-color);text-decoration:inherit}:root a:hover{color:var(--secondary-color-hover)}:root body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}:root h1{font-size:3.2em;line-height:1.1}:root button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-weight:500;font-family:inherit;background-color:var(--secondary-color);cursor:pointer;transition:border-color .25s;color:#fff}:root button:hover{border-color:#646cff}:root button:focus,:root button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root .sb-show-main.sb-main-centered #storybook-root{padding:0!important}