@layer site-base{html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:where(:root:has([data-frame=marketing])),:where(:root:has([data-frame=marketing])) body{flex-direction:column;max-width:100vw;height:100%;display:flex;overflow-x:hidden}:where(:root:has([data-frame=marketing])) body{color:var(--text);background:var(--background);font-family:var(--font);font-size:var(--font-size-body);line-height:var(--line-height-body)}:where(:root:has([data-frame=marketing])) h1,:where(:root:has([data-frame=marketing])) h2,:where(:root:has([data-frame=marketing])) h3{line-height:var(--line-height-heading)}:where(:root:has([data-frame=marketing])),:where(:root:has([data-frame=marketing])) *{box-sizing:border-box;margin:0;padding:0}:where(:root:has([data-frame=marketing])) a{color:inherit;text-decoration:none}.imgDark,:root[data-theme=dark] .imgLight{display:none}:root[data-theme=dark] .imgDark{display:unset}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .imgLight{display:none}:root:not([data-theme=light]) .imgDark{display:unset}}}@layer clerk;
.JA1ATW_childrenWrapper{flex-direction:column;flex:1;display:flex}