.growi:not(.login-page) .page-editor-preview-container{background-attachment:fixed;background-position:center center;background-size:cover}:root[data-theme=light]{--primary: hsl(var(--primary-hs),var(--primary-l)) !important;--primary-hs: 311,100%;--primary-l: 14%;--secondary: hsl(var(--secondary-hs),var(--secondary-l)) !important;--secondary-hs: 208,7%;--secondary-l: 46%;--bgcolor-global: hsl(var(--bgcolor-global-hs),var(--bgcolor-global-l));--bgcolor-global-hs: 0,0%;--bgcolor-global-l: 99%;--bgcolor-inline-code: #eff1f3;--bgcolor-card: #f1ffe4;--bgcolor-blinked-section: hsla(var(--primary-hs), var(--primary-l), 10%);--color-global: hsl(var(--color-global-hs),var(--color-global-l));--color-global-hs: 311,100%;--color-global-l: 14%;--color-reversal: #eeeeee;--color-link: hsl(var(--color-link-hs),var(--color-link-l));--color-link-hs: 328,100%;--color-link-l: 25%;--color-link-hover: hsl(var(--color-link-hs), calc(var(--color-link-l) + 20%));--color-link-wiki: hsl(var(--primary-hs), calc(var(--primary-l) + 20%));--color-link-wiki-hs: var(--primary-hs);--color-link-wiki-l: calc(var(--primary-l) + 20%);--color-link-wiki-hover: hsl(var(--primary-hs), calc(var(--primary-l) + 40%));--color-link-nabvar: #a7a7a7;--color-inline-code: #c7254e;--color-search: white;--bgcolor-navbar: hsl(var(--bgcolor-navbar-hs),var(--bgcolor-navbar-l));--bgcolor-navbar-hs: 158,30%;--bgcolor-navbar-l: 20%;--bgcolor-search-top-dropdown: hsl(var(--bgcolor-search-top-dropdown-hs),var(--bgcolor-search-top-dropdown-l));--bgcolor-search-top-dropdown-hs: 115,95%;--bgcolor-search-top-dropdown-l: 36%;--border-image-navbar: linear-gradient(to right, #5c78ef 0%, #16bc42 50%, #5c78ef 100%);--bgcolor-logo: var(--bgcolor-navbar);--fillcolor-logo-mark: white;--bgcolor-sidebar: hsl(var(--bgcolor-sidebar-hs),var(--bgcolor-sidebar-l));--bgcolor-sidebar-hs: 158,71%;--bgcolor-sidebar-l: 33%;--color-sidebar-context: hsl(var(--color-sidebar-context-hs),var(--color-sidebar-context-l));--color-sidebar-context-hs: 328,100%;--color-sidebar-context-l: 25%;--bgcolor-sidebar-context: hsl(var(--bgcolor-sidebar-context-hs),var(--bgcolor-sidebar-context-l));--bgcolor-sidebar-context-hs: 67,31%;--bgcolor-sidebar-context-l: 94%;--color-resize-button: white;--bgcolor-resize-button: hsl(var(--bgcolor-resize-button-hs),var(--bgcolor-resize-button-l));--bgcolor-resize-button-hs: 115,95%;--bgcolor-resize-button-l: 36%;--color-resize-button-hover: var(--color-reversal);--bgcolor-resize-button-hover: hsl(var(--bgcolor-resize-button-hs), calc(var(--bgcolor-resize-button-l) + 5%));--bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));--bgcolor-subnav-hs: 0,0%;--bgcolor-subnav-l: 98%;--color-editor-icons: var(--color-global);--border-color-theme: #d6dadf;--bordercolor-inline-code: #ccc8c8;--border-color-table: #abb4bd;--color-theme-color-box: hsl(var(--primary-hs), calc(var(--primary-l) + 20%))}:root[data-theme=light] .grw-global-search .btn-secondary.dropdown-toggle{color:var(--color-search)}:root[data-theme=light] .nav-tabs .nav-link.active{color:var(--color-link)!important}:root[data-theme=light] .nav-tabs .nav-link.active:hover{color:var(--color-link-hover)!important}:root[data-theme=light] .btn-group.grw-page-editor-mode-manager .btn.btn-outline-primary{color:var(--bgcolor-navbar);background-color:#fff;border-color:hsl(var(--bgcolor-navbar-hs),calc(var(--bgcolor-navbar-l) + 65%))}:root[data-theme=light] .btn-group.grw-page-editor-mode-manager .btn.btn-outline-primary:not(:first-child):before{border-left-color:hsl(var(--bgcolor-navbar-hs),calc(var(--bgcolor-navbar-l) + 65%))}:root[data-theme=light] .btn-group.grw-page-editor-mode-manager .btn.btn-outline-primary:hover,:root[data-theme=light] .btn-group.grw-page-editor-mode-manager .btn.btn-outline-primary:active,:root[data-theme=light] .btn-group.grw-page-editor-mode-manager .btn.btn-outline-primary.active{color:var(--bgcolor-navbar);background-color:hsl(var(--bgcolor-navbar-hs),calc(var(--bgcolor-navbar-l) + 70%));border-color:hsl(var(--bgcolor-navbar-hs),calc(var(--bgcolor-navbar-l) + 65%))}:root[data-theme=light] .btn-group.grw-page-editor-mode-manager .btn.btn-outline-primary:hover:after,:root[data-theme=light] .btn-group.grw-page-editor-mode-manager .btn.btn-outline-primary:active:after,:root[data-theme=light] .btn-group.grw-page-editor-mode-manager .btn.btn-outline-primary.active:after{border-color:hsl(var(--bgcolor-navbar-hs),calc(var(--bgcolor-navbar-l) + 70%))}