*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background:#f8f8f7;color:#1a1a1a;line-height:1.6}:root{--background: 0 0% 100%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--popover: 0 0% 100%;--popover-foreground: 240 10% 3.9%;--primary: 240 5.9% 10%;--primary-foreground: 0 0% 98%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--muted: 240 4.8% 95.9%;--muted-foreground: 240 3.8% 46.1%;--accent: 240 4.8% 95.9%;--accent-foreground: 240 5.9% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 240 5.9% 90%;--input: 240 5.9% 90%;--ring: 240 5.9% 10%;--radius: .5rem}html,body{margin:0;padding:0;background:transparent!important}.app,.app-main,.editor-container{background:transparent!important}.app{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;display:flex;justify-content:center;padding:32px 24px 100px}.editor-container{width:100%;max-width:760px}[class*=yoopta] button svg,[class*=yoopta] [role=button] svg{color:#888}[class*=yoopta] button:hover svg,[class*=yoopta] [role=button]:hover svg{color:#1a1a1a}.editor-container>div,.editor-container>div>div{background:transparent!important;background-color:transparent!important}div[data-element-type=callout][class*=border-l]{border-left-style:solid!important;border-left-color:currentColor!important;border-left-width:3px!important}[data-element-type=todo-list] button[aria-label]{border-width:1.5px!important;border-radius:4px!important;box-shadow:none!important;width:18px!important;height:18px!important;min-width:18px!important;padding:0!important}[data-element-type=todo-list] button[aria-label="Mark as checked"]{background-color:transparent!important;border-color:#d0d0d0!important}[data-element-type=todo-list] button[aria-label="Mark as checked"]:hover{border-color:#999!important}[data-element-type=todo-list] button[aria-label="Mark as unchecked"]{background-color:hsl(var(--primary))!important;border-color:hsl(var(--primary))!important}[data-element-type=todo-list] button[aria-label="Mark as unchecked"] svg{color:hsl(var(--primary-foreground))!important;stroke-width:3!important}