:root{--grafin-app-max-width: 1180px;--grafin-backdrop: #f4f4f6;--grafin-app-bg: #ffffff;--grafin-edge: rgba(0, 0, 0, .08)}@media(prefers-color-scheme:dark){:root{--grafin-backdrop: #08080b;--grafin-app-bg: #0b0b0f;--grafin-edge: rgba(255, 255, 255, .08)}}html,body{height:100%;margin:0;background:var(--grafin-backdrop)}#root{height:100%;display:flex;flex-direction:column;align-items:center}#root>*{width:100%;max-width:var(--grafin-app-max-width);height:100%;overflow:hidden;background:var(--grafin-app-bg)}@media(min-width:1180px){#root>*{border-left:1px solid var(--grafin-edge);border-right:1px solid var(--grafin-edge);box-shadow:0 0 80px #0000000f}}body{-webkit-tap-highlight-color:transparent}body,#root{user-select:none;-webkit-user-select:none}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text}*{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.4) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#80808066;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:#80808099}*::-webkit-scrollbar-track{background:transparent}@media(hover:hover)and (pointer:fine){[role=button],[role=link],a{transition:opacity .12s ease}[role=button]:hover,[role=link]:hover,a:hover{opacity:.82}}:focus-visible{outline:2px solid #f43397;outline-offset:2px}