scrapbox-breakpoint-fixer
#Scrapbox #UserCSS #CSS
解説記事:【Scrapbox】ウィンドウサイズの横幅が767pxの時に、見た目が崩れるのを防ぐ【UserCSS】
Created date:2025/3/3
code:style.css
@media(768px <= width){.lead{font-size:21px}}
@media(768px <= width){.dl-horizontal{display:grid;grid-template-columns:180px auto;grid-column-gap:20px}.dl-horizontal dt{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(768px <= width){.container{width:736px}}
@media(992px <= width){.container{width:956px}}
@media(1200px <= width){.container{width:1156px}}
@media(768px <= width){.col-sm-1{width:8.3333333333%}.col-sm-2{width:16.6666666667%}.col-sm-3{width:25%}.col-sm-4{width:33.3333333333%}.col-sm-5{width:41.6666666667%}.col-sm-6{width:50%}.col-sm-7{width:58.3333333333%}.col-sm-8{width:66.6666666667%}.col-sm-9{width:75%}.col-sm-10{width:83.3333333333%}.col-sm-11{width:91.6666666667%}.col-sm-12{width:100%}.col-sm-pull-0{right:auto}.col-sm-pull-1{right:8.3333333333%}.col-sm-pull-2{right:16.6666666667%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.3333333333%}.col-sm-pull-5{right:41.6666666667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.3333333333%}.col-sm-pull-8{right:66.6666666667%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.3333333333%}.col-sm-pull-11{right:91.6666666667%}.col-sm-pull-12{right:100%}.col-sm-push-0{left:auto}.col-sm-push-1{left:8.3333333333%}.col-sm-push-2{left:16.6666666667%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.3333333333%}.col-sm-push-5{left:41.6666666667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.3333333333%}.col-sm-push-8{left:66.6666666667%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.3333333333%}.col-sm-push-11{left:91.6666666667%}.col-sm-push-12{left:100%}.col-sm-offset-0{margin-left:0%}.col-sm-offset-1{margin-left:8.3333333333%}.col-sm-offset-2{margin-left:16.6666666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.3333333333%}.col-sm-offset-5{margin-left:41.6666666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.3333333333%}.col-sm-offset-8{margin-left:66.6666666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.3333333333%}.col-sm-offset-11{margin-left:91.6666666667%}.col-sm-offset-12{margin-left:100%}}
@media(992px <= width){.col-md-1{width:8.3333333333%}.col-md-2{width:16.6666666667%}.col-md-3{width:25%}.col-md-4{width:33.3333333333%}.col-md-5{width:41.6666666667%}.col-md-6{width:50%}.col-md-7{width:58.3333333333%}.col-md-8{width:66.6666666667%}.col-md-9{width:75%}.col-md-10{width:83.3333333333%}.col-md-11{width:91.6666666667%}.col-md-12{width:100%}.col-md-pull-0{right:auto}.col-md-pull-1{right:8.3333333333%}.col-md-pull-2{right:16.6666666667%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.3333333333%}.col-md-pull-5{right:41.6666666667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.3333333333%}.col-md-pull-8{right:66.6666666667%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.3333333333%}.col-md-pull-11{right:91.6666666667%}.col-md-pull-12{right:100%}.col-md-push-0{left:auto}.col-md-push-1{left:8.3333333333%}.col-md-push-2{left:16.6666666667%}.col-md-push-3{left:25%}.col-md-push-4{left:33.3333333333%}.col-md-push-5{left:41.6666666667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.3333333333%}.col-md-push-8{left:66.6666666667%}.col-md-push-9{left:75%}.col-md-push-10{left:83.3333333333%}.col-md-push-11{left:91.6666666667%}.col-md-push-12{left:100%}.col-md-offset-0{margin-left:0%}.col-md-offset-1{margin-left:8.3333333333%}.col-md-offset-2{margin-left:16.6666666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.3333333333%}.col-md-offset-5{margin-left:41.6666666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.3333333333%}.col-md-offset-8{margin-left:66.6666666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.3333333333%}.col-md-offset-11{margin-left:91.6666666667%}.col-md-offset-12{margin-left:100%}}
@media(1200px <= width){.col-lg-1{width:8.3333333333%}.col-lg-2{width:16.6666666667%}.col-lg-3{width:25%}.col-lg-4{width:33.3333333333%}.col-lg-5{width:41.6666666667%}.col-lg-6{width:50%}.col-lg-7{width:58.3333333333%}.col-lg-8{width:66.6666666667%}.col-lg-9{width:75%}.col-lg-10{width:83.3333333333%}.col-lg-11{width:91.6666666667%}.col-lg-12{width:100%}.col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.3333333333%}.col-lg-pull-2{right:16.6666666667%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.3333333333%}.col-lg-pull-5{right:41.6666666667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.3333333333%}.col-lg-pull-8{right:66.6666666667%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.3333333333%}.col-lg-pull-11{right:91.6666666667%}.col-lg-pull-12{right:100%}.col-lg-push-0{left:auto}.col-lg-push-1{left:8.3333333333%}.col-lg-push-2{left:16.6666666667%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.3333333333%}.col-lg-push-5{left:41.6666666667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.3333333333%}.col-lg-push-8{left:66.6666666667%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.3333333333%}.col-lg-push-11{left:91.6666666667%}.col-lg-push-12{left:100%}.col-lg-offset-0{margin-left:0%}.col-lg-offset-1{margin-left:8.3333333333%}.col-lg-offset-2{margin-left:16.6666666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.3333333333%}.col-lg-offset-5{margin-left:41.6666666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.3333333333%}.col-lg-offset-8{margin-left:66.6666666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.3333333333%}.col-lg-offset-11{margin-left:91.6666666667%}.col-lg-offset-12{margin-left:100%}}
@media screen and (width < 768px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}
@media screen and (-webkit-min-device-pixel-ratio: 0){inputtype=date.form-control,inputtype=time.form-control,inputtype=datetime-local.form-control,inputtype=month.form-control{line-height:34px}inputtype=date.input-sm,.input-group-sm>.input-group-btn>inputtype=date.btn,.input-group-sm inputtype=date,inputtype=time.input-sm,.input-group-sm>.input-group-btn>inputtype=time.btn,.input-group-sm inputtype=time,inputtype=datetime-local.input-sm,.input-group-sm>.input-group-btn>inputtype=datetime-local.btn,.input-group-sm inputtype=datetime-local,inputtype=month.input-sm,.input-group-sm>.input-group-btn>inputtype=month.btn,.input-group-sm inputtype=month{line-height:30px}inputtype=date.input-lg,.input-group-lg>.input-group-btn>inputtype=date.btn,.input-group-lg inputtype=date,inputtype=time.input-lg,.input-group-lg>.input-group-btn>inputtype=time.btn,.input-group-lg inputtype=time,inputtype=datetime-local.input-lg,.input-group-lg>.input-group-btn>inputtype=datetime-local.btn,.input-group-lg inputtype=datetime-local,inputtype=month.input-lg,.input-group-lg>.input-group-btn>inputtype=month.btn,.input-group-lg inputtype=month{line-height:46px}}
@media(768px <= width){.form-inline{display:flex;align-items:center}.form-inline>*:not(:last-child){margin-right:5px}.form-inline .form-group{display:flex;align-items:center;margin-bottom:0}.form-inline .form-group label{margin-bottom:0;margin-right:5px}.form-inline .form-control{width:auto}.form-inline .form-control-static{min-height:auto}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:auto}.form-inline .radio,.form-inline .checkbox{margin-top:0;margin-bottom:0}.form-inline .has-feedback .form-control-feedback{top:0}}
@media(768px <= width){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}}
@media(768px <= width){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}
@media(768px <= width){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}
@media(768px <= width){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{left:0;right:auto}}
@media(768px <= width){.nav-justified>li>a,.nav-tabs.nav-justified>li>a{margin-bottom:0}}
@media(768px <= width){.nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs.nav-justified>.active>a,.nav-tabs-justified>.active>a:active,data-hover-visible .nav-tabs-justified>.active>a:hover,data-focus-visible .nav-tabs-justified>.active>a:focus{border-bottom-color:#dcdde0}}
@media(768px <= width){.navbar{border-radius:4px}}
@media(width < 768px){.navbar>.container,.navbar>.container-fluid{flex-direction:column}}
@media(768px <= width){.navbar-collapse{width:auto;flex-grow:1;flex-direction:row;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:flex !important;height:auto !important;padding-bottom:0;overflow:visible !important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}
@media(max-device-width: 480px)and (orientation: landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}
@media(768px <= width){.container>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-header,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}
@media(768px <= width){.navbar-static-top{border-radius:0}}
@media(768px <= width){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}
@media(768px <= width){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-8px}}
@media(768px <= width){.navbar-toggle{display:none}}
@media(width < 768px){.navbar-nav{flex-direction:column}.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:rgba(0,0,0,0);border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}data-hover-visible .navbar-nav .open .dropdown-menu>li>a:hover,data-focus-visible .navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}
@media(768px <= width){.navbar-nav{margin:0}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px}}
@media(768px <= width){.navbar-form{display:flex;align-items:center}.navbar-form>*:not(:last-child){margin-right:5px}.navbar-form .form-group{display:flex;align-items:center;margin-bottom:0}.navbar-form .form-group label{margin-bottom:0;margin-right:5px}.navbar-form .form-control{width:auto}.navbar-form .form-control-static{min-height:auto}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:auto}.navbar-form .radio,.navbar-form .checkbox{margin-top:0;margin-bottom:0}.navbar-form .has-feedback .form-control-feedback{top:0}}
@media(width < 768px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}
@media(768px <= width){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;box-shadow:none}}
@media(768px <= width){.navbar-text{margin-left:8px;margin-right:8px}}
@media(768px <= width){.navbar-right{margin-left:auto;margin-right:-8px}.navbar-right~.navbar-right{margin-right:0}}
@media(width < 768px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff}.navbar-default .navbar-nav .open .dropdown-menu>li>a:active,data-hover-visible .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,data-focus-visible .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:hsl(0,0%,90%);background-color:rgba(0,0,0,0)}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:active,data-hover-visible .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,data-focus-visible .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:rgba(38.9444,43.3532,52.9056,.6)}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:active,data-hover-visible .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,data-focus-visible .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:rgba(0,0,0,0)}}
@media(width < 768px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:rgb(8.5,8.5,8.5)}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:rgb(8.5,8.5,8.5)}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:hsl(0,0%,61.7%)}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:active,data-hover-visible .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,data-focus-visible .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:rgba(0,0,0,0)}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:active,data-hover-visible .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,data-focus-visible .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:rgb(8.5,8.5,8.5)}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:active,data-hover-visible .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,data-focus-visible .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:rgba(0,0,0,0)}}
@media(768px <= width){.modal-dialog{width:600px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}
@media(992px <= width){.modal-lg{width:900px}}
@media(width < 768px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}
@media(width < 768px){.visible-xs-block{display:block !important}}
@media(width < 768px){.visible-xs-inline{display:inline !important}}
@media(width < 768px){.visible-xs-inline-block{display:inline-block !important}}
@media(768px <= width)and (width < 992px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}
@media(768px <= width)and (width < 992px){.visible-sm-block{display:block !important}}
@media(768px <= width)and (width < 992px){.visible-sm-inline{display:inline !important}}
@media(768px <= width)and (width < 992px){.visible-sm-inline-block{display:inline-block !important}}
@media(992px <= width)and (width < 1200px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}
@media(992px <= width)and (width < 1200px){.visible-md-block{display:block !important}}
@media(992px <= width)and (width < 1200px){.visible-md-inline{display:inline !important}}
@media(992px <= width)and (width < 1200px){.visible-md-inline-block{display:inline-block !important}}
@media(1200px <= width){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}
@media(1200px <= width){.visible-lg-block{display:block !important}}
@media(1200px <= width){.visible-lg-inline{display:inline !important}}
@media(1200px <= width){.visible-lg-inline-block{display:inline-block !important}}
@media(width < 768px){.hidden-xs{display:none !important}}
@media(768px <= width)and (width < 992px){.hidden-sm{display:none !important}}
@media(992px <= width)and (width < 1200px){.hidden-md{display:none !important}}
@media(1200px <= width){.hidden-lg{display:none !important}}
@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}
@media print{.visible-print-block{display:block !important}}
@media print{.visible-print-inline{display:inline !important}}
@media print{.visible-print-inline-block{display:inline-block !important}}
@media print{.hidden-print{display:none !important}}
@media(width < 768px){.btn-auto-block{display:block;width:100%}}
@media print{body{background-color:#fff !important}.app{padding-top:unset !important}.navbar,.col-page-side,.related-page-list,.status-bar,.scroll-bar-overlay,.quick-launch,.page-sidebar,.new-button{display:none !important}.col-page{width:100% !important;max-width:unset !important}.page{background-color:#fff !important;border:0 !important;box-shadow:none !important}.page .line .telomere{display:none !important}.page .line .text{color:#000 !important}.page .code-block-start .fa-copy{display:none}.related-page-list.has-literate-database{display:block !important;position:unset;left:unset}.related-page-list.has-literate-database .toolbar{display:none}}
@media print{.app.presentation .line{display:block !important}}
@media(width < 768px){.billings-info-page ul.billing-rows li .head{width:100%;margin-bottom:8px}}
@media(768px <= width){.admin-table .add-admin-form .form-group input{flex-grow:1}.admin-table .add-admin-form .form-group button{margin-left:5px}}
@media(width < 768px){.admin-table .add-admin-form .form-group button{margin-top:5px;margin-right:5px}}
@media(width < 768px){.gyazo.square iframe{aspect-ratio:unset !important;width:99%}}
@media(width < 768px){.line .telomere .telomere-border{left:-21px;width:5px}}
@media(768px <= width)and (width < 992px){.line .telomere .telomere-border{left:-42px}}
@media(width < 768px){.expandable-menu-margin{display:block}}
@media(width < 768px){.expandable-menu{display:inline-flex}}
@media(768px <= width)and (width < 992px){.global-menu{right:-15px !important}}
@media(992px <= width)and (width < 1200px){.global-menu{right:-30px !important}}
@media(1200px <= width){.global-menu{right:-30px !important}}
@media(768px <= width){.global-menu li.guest-project .button-delete{display:none}.global-menu li.guest-project:hover .button-delete{display:block}}
@media(width < 992px){.navbar{padding-left:8px;padding-right:8px}}
@media(768px <= width)and (width < 992px){.navbar .row:has(.col-search){grid-template-columns:1fr 1.5fr min-content}}
@media(width < 768px){.navbar .row:has(.col-search){display:flex}}
@media(768px <= width)and (width < 992px){.navbar .row:has(.col-search):has(.user-name){grid-template-columns:1fr 1.5fr minmax(0, 1fr)}}
@media(width < 768px){.navbar .row:has(.col-search):has(.user-name){display:grid;grid-template-columns:1fr min-content minmax(0, 1fr)}}
@media(width < 768px){.navbar .row .col-search{gap:16px}}
@media(width < 768px){.navbar .row .left{flex:1}}
@media(width < 768px){.navbar .row .project-home{font-size:13px}}
@media(width < 768px){.navbar .row .project-home.length-is-short{font-size:15px}}
@media(768px <= width)and (width < 992px){.new-billings-page .panel .panel-body{padding:30px}}
@media(width < 768px){.new-billings-page .panel .panel-body{padding:15px}}
@media(767px < width){.page-column{grid-template-columns:minmax(200px, 960px) min-content;grid-template-areas:"page menu"}.page-column:has(.page-sidebar){grid-template-columns:minmax(200px, 3fr) minmax(170px, 1fr) min-content;grid-template-areas:"page sidebar menu"}}
@media(width < 768px){.page-column{display:flex}}
@media(768px <= width){.page-wrapper.enter{animation-name:page-enter;animation-duration:.2s;animation-timing-function:ease-out}.page-wrapper.leave{animation-name:page-leave;animation-duration:.1s;animation-timing-function:ease-in;opacity:0}}
@media(width < 768px){.page{padding:28px 21px 42px}}
@media(768px <= width)and (width < 992px){.page{padding:42px 42px 35px}}
@media(width < 768px){.page-sidebar{display:none}}
@media(width < 768px){.page-history-select .date{margin-left:4px;width:150px}}
@media(width < 768px){.page-history-select .date .date-text .parenthesis{display:none}.page-history-select .date .date-text .relative-date{display:none}.page-history-select .date .date-text .absolute-date{font-weight:bold}}
@media(width < 768px){.page-history-select .guide{display:none}}
@media(width < 768px){.page-history-select .select .button.control-button{margin-left:2px;margin-right:2px}}
@media(width < 768px){table.page-list-table{font-size:13px}}
@media(width < 768px){.page-menu{display:none}}
@media(width < 992px){.project-settings-page h1{margin-left:13px}}
@media(width < 768px){.project-settings-page .nav-tabs{flex-wrap:nowrap}.project-settings-page .nav-tabs>li>a{white-space:nowrap}}
@media(width < 768px){.project-members-form .invite-form .buttons{flex-direction:column}.project-members-form .invite-form .buttons .btn+.btn{margin-left:0}.project-members-form .invite-form .buttons .button-right{margin-left:0;margin-right:0}.project-members-form .invite-form .buttons .btn{margin-bottom:5px}}
@media(width < 768px){.project-page-data-form .page-data-item .file{margin-bottom:15px}}
@media(width < 768px){.project-metrics-basic-page .project-metrics-grid{grid-template-columns:minmax(0, 1fr)}}
@media(width < 768px){.related-page-list .links-container{gap:32px}}
@media(width < 768px){.related-page-list .toolbar{display:flex;flex-direction:column;align-items:flex-end}}
@media(width < 768px){.related-page-list.has-literate-database table.literate-database{font-size:13px}}
@media(width < 768px){.scroll-bar-overlay .unread-bar{width:5px}}
@media(max-width: 480px){.status-bar>div.page-title{display:none}}
@media(width < 992px){.user-settings-page h1{margin-left:13px}}
@media screen{htmldata-project-theme=hacker2{--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);--card-description-code-color: #342d9c;--tool-bg: rgba(0, 0, 0, 0.1);--relation-label-bg: #fff;--relation-label-text: #6d6d6d;--relation-label-links-bg: #fff;--relation-label-links-text: #5e8af7;--relation-label-empty-bg: #fff;--relation-label-empty-text: #fd7373;--body-bg: #062825;--navbar-bg: rgba(40, 62, 57, 0.3);--navbar-link-color: #36d6b1;--search-form-bg: #374f4a;--2hop-search-bg: rgba(255, 255, 255, 0.15);--new-button-horizontal-color: #247069;--new-button-vertical-color: var(--new-button-horizontal-color);--new-button-bg: #43c6a7;--new-button-hover-bg: #35b093;--new-button-active-bg: #2c9179;--telomere-border: #eaebeb;--telomere-unread: #7fca8f;--telomere-updated: #47ba5f;--unread-color: #41b059;--card-title-color: rgba(255, 255, 255, 0.9);--card-title-bg: #314a44;--card-bg: #283e39;--card-backside: #5f7772;--card-description-color: rgba(204, 204, 204, 0.9);--card-description-link-color: #67bef5;--card-description-code-color: #99f;--card-box-shadow-color: transparent;--card-box-shadow: none;--card-box-hover-shadow: none;--tool-color: #b7bdc5;--tool-light-color: rgba(183, 189, 197, 0.4);--tool-bg: rgba(183, 189, 197, 0.1);--tool-badge-bg: rgba(183, 189, 197, 0.2);--tool-text-color: #b7bdc5;--body-headings-color: var(--tool-color)}}
@media screen{htmldata-project-theme=autumn{--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);--card-description-code-color: #342d9c;--tool-bg: rgba(0, 0, 0, 0.1);--relation-label-bg: #fff;--relation-label-text: #6d6d6d;--relation-label-links-bg: #fff;--relation-label-links-text: #5e8af7;--relation-label-empty-bg: #fff;--relation-label-empty-text: #fd7373;--body-bg: #a58d6c;--navbar-bg: rgba(72, 61, 56, 0.5);--navbar-link-color: #a28e86;--search-form-bg: #6f5952;--new-button-horizontal-color: #c72d01;--new-button-vertical-color: #e86142;--new-button-bg: #fbf6ee;--new-button-hover-bg: #f4e7d1;--new-button-active-bg: #ecd5b0;--card-title-color: #61473e;--card-title-bg: #e0d5c5;--card-bg: #fbf6ee;--card-backside: #b9a588;--card-description-color: #90695c;--card-description-link-color: #396bdd;--card-box-shadow-color: #8a6f4c;--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);--tool-color: #231b0f;--tool-text-color: #231b0f;--tool-light-color: rgba(35, 27, 15, 0.4);--tool-bg: rgba(35, 27, 15, 0.1);--tool-badge-bg: rgba(255, 255, 255, 0.2);--body-headings-color: var(--tool-color)}}
@media screen{htmldata-project-theme=blue{--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);--card-description-code-color: #342d9c;--tool-bg: rgba(0, 0, 0, 0.1);--relation-label-bg: #fff;--relation-label-text: #6d6d6d;--relation-label-links-bg: #fff;--relation-label-links-text: #5e8af7;--relation-label-empty-bg: #fff;--relation-label-empty-text: #fd7373;--body-bg: #efefef;--navbar-icon-color: #fff;--navbar-icon-active-color: rgba(255, 255, 255, 0.5);--navbar-icon-hovered-color: var(--navbar-icon-active-color);--search-form-bg: rgba(255, 255, 255, 0.2);--search-form-text-color: rgba(255, 255, 255, 0.5);--card-title-color: #444;--card-title-bg: #f2f2f3;--card-bg: #fff;--card-hover-bg: rgba(0, 0, 0, 0.05);--card-active-bg: rgba(0, 0, 0, 0.1);--card-backside: #aaa;--card-description-color: #7a7a7a;--card-description-link-color: #6e8af3;--card-box-shadow-color: #b0b1b3;--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);--card-title-bg-pinned: #f2f2f3;--relation-label-bg: #edeeee;--relation-label-text: #444;--relation-label-links-bg: #6e8af3;--relation-label-links-text: #fff;--relation-label-empty-bg: #fb7476;--relation-label-empty-text: #fff;--tool-color: #a0a0a0;--tool-light-color: #c6c6c6;--tool-badge-bg: #edeeee;--tool-bg: #edeeee;--tool-text-color: #444;--new-button-bg: #fff;--new-button-hover-bg: rgba(255, 255, 255, 0.7);--new-button-active-bg: rgba(255, 255, 255, 0.5);--telomere-border: #e2e2e2;--telomere-unread: #89a3ff;--telomere-updated: #6b8cff;--page-text-color: #444;--page-link-color: #6e8af3;--page-link-hover-color: #3f57b1;--page-link-color-cursor-line: #8159c3;--page-bg: #fff;--empty-page-link-color: #fb7476;--empty-page-link-hover-color: #cf554d;--line-title-color: #444;--search-form-icon-color: #fff;--search-form-icon-focus-color: #4a4a4a;--navbar-bg: rgba(94, 122, 224, 0.8);--new-button-vertical-color: var(--navbar-bg);--new-button-horizontal-color: var(--navbar-bg)}}
@media screen{htmldata-project-theme=green{--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);--card-description-code-color: #342d9c;--tool-bg: rgba(0, 0, 0, 0.1);--relation-label-bg: #fff;--relation-label-text: #6d6d6d;--relation-label-links-bg: #fff;--relation-label-links-text: #5e8af7;--relation-label-empty-bg: #fff;--relation-label-empty-text: #fd7373;--body-bg: #efefef;--navbar-icon-color: #fff;--navbar-icon-active-color: rgba(255, 255, 255, 0.5);--navbar-icon-hovered-color: var(--navbar-icon-active-color);--search-form-bg: rgba(255, 255, 255, 0.2);--search-form-text-color: rgba(255, 255, 255, 0.5);--card-title-color: #444;--card-title-bg: #f2f2f3;--card-bg: #fff;--card-hover-bg: rgba(0, 0, 0, 0.05);--card-active-bg: rgba(0, 0, 0, 0.1);--card-backside: #aaa;--card-description-color: #7a7a7a;--card-description-link-color: #6e8af3;--card-box-shadow-color: #b0b1b3;--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);--card-title-bg-pinned: #f2f2f3;--relation-label-bg: #edeeee;--relation-label-text: #444;--relation-label-links-bg: #6e8af3;--relation-label-links-text: #fff;--relation-label-empty-bg: #fb7476;--relation-label-empty-text: #fff;--tool-color: #a0a0a0;--tool-light-color: #c6c6c6;--tool-badge-bg: #edeeee;--tool-bg: #edeeee;--tool-text-color: #444;--new-button-bg: #fff;--new-button-hover-bg: rgba(255, 255, 255, 0.7);--new-button-active-bg: rgba(255, 255, 255, 0.5);--telomere-border: #e2e2e2;--telomere-unread: #89a3ff;--telomere-updated: #6b8cff;--page-text-color: #444;--page-link-color: #6e8af3;--page-link-hover-color: #3f57b1;--page-link-color-cursor-line: #8159c3;--page-bg: #fff;--empty-page-link-color: #fb7476;--empty-page-link-hover-color: #cf554d;--line-title-color: #444;--search-form-icon-color: #fff;--search-form-icon-focus-color: #4a4a4a;--navbar-bg: rgba(91, 165, 111, 0.8);--new-button-vertical-color: var(--navbar-bg);--new-button-horizontal-color: var(--navbar-bg)}}
@media screen{htmldata-project-theme=hacker1{--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);--card-description-code-color: #342d9c;--tool-bg: rgba(0, 0, 0, 0.1);--relation-label-bg: #fff;--relation-label-text: #6d6d6d;--relation-label-links-bg: #fff;--relation-label-links-text: #5e8af7;--relation-label-empty-bg: #fff;--relation-label-empty-text: #fd7373;--body-bg: #252a30;--navbar-bg: rgba(64, 69, 81, 0.3);--navbar-link-color: #49c4fe;--search-form-bg: #4f5463;--2hop-search-bg: rgba(255, 255, 255, 0.15);--new-button-horizontal-color: #2378a1;--new-button-vertical-color: var(--new-button-horizontal-color);--new-button-bg: #4dc3fa;--new-button-hover-bg: #2ab7f9;--new-button-active-bg: #07a8f4;--card-title-color: rgba(255, 255, 255, 0.9);--card-title-bg: #494d5a;--card-bg: #393c46;--card-backside: #7c8296;--card-description-color: rgba(204, 204, 204, 0.9);--card-description-link-color: #61afef;--card-description-code-color: #99f;--card-box-shadow-color: transparent;--card-box-shadow: none;--card-box-hover-shadow: transparent;--tool-color: #b7bdc5;--tool-light-color: rgba(183, 189, 197, 0.4);--tool-bg: rgba(183, 189, 197, 0.1);--tool-badge-bg: rgba(183, 189, 197, 0.2);--tool-text-color: #b7bdc5;--body-headings-color: var(--tool-color)}}
@media screen{htmldata-project-theme=kyoto{--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);--card-description-code-color: #342d9c;--tool-bg: rgba(0, 0, 0, 0.1);--relation-label-bg: #fff;--relation-label-text: #6d6d6d;--relation-label-links-bg: #fff;--relation-label-links-text: #5e8af7;--relation-label-empty-bg: #fff;--relation-label-empty-text: #fd7373;--body-bg: #cab9a2;--navbar-bg: rgba(71, 37, 65, 0.8);--navbar-link-color: #fff;--search-form-bg: rgba(255, 255, 255, 0.16);--new-button-horizontal-color: #378b4d;--new-button-vertical-color: #5cb372;--new-button-bg: #fff;--new-button-hover-bg: #ededed;--new-button-active-bg: #d9d9d9;--card-title-color: #675140;--card-title-bg: #f2e7d9;--card-bg: #fff;--card-backside: #ac9980;--card-description-color: #90695c;--card-description-link-color: #396bdd;--card-box-shadow-color: #a89981;--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);--tool-color: #42392e;--tool-text-color: #42392e;--tool-light-color: rgba(35, 27, 15, 0.4);--tool-bg: rgba(35, 27, 15, 0.1);--tool-badge-bg: rgba(255, 255, 255, 0.2);--body-headings-color: var(--tool-color)}}
@media screen{htmldata-project-theme=lgreen{--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);--card-description-code-color: #342d9c;--tool-bg: rgba(0, 0, 0, 0.1);--relation-label-bg: #fff;--relation-label-text: #6d6d6d;--relation-label-links-bg: #fff;--relation-label-links-text: #5e8af7;--relation-label-empty-bg: #fff;--relation-label-empty-text: #fd7373;--body-bg: #436698;--navbar-bg: rgba(74, 187, 12, 0.8);--navbar-link-color: #fff;--search-form-bg: #71cd3f;--new-button-horizontal-color: #c56f21;--new-button-vertical-color: #fb973d;--new-button-bg: #fadc24;--new-button-hover-bg: #f5d306;--new-button-active-bg: #cdb105;--telomere-border: #eaebeb;--telomere-unread: #7fca8f;--telomere-updated: #47ba5f;--unread-color: #41b059;--card-title-color: #526279;--card-title-bg: #d0eeff;--card-bg: #fff;--card-backside: #99c3db;--card-description-color: #7688a2;--card-description-link-color: #396bdd;--card-box-shadow-color: #3b5c8d;--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);--tool-color: #fff;--tool-text-color: #fff;--tool-light-color: rgba(255, 255, 255, 0.4);--tool-badge-bg: rgba(255, 255, 255, 0.15);--body-headings-color: var(--tool-color)}}
@media screen{htmldata-project-theme=mred{--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);--card-description-code-color: #342d9c;--tool-bg: rgba(0, 0, 0, 0.1);--relation-label-bg: #fff;--relation-label-text: #6d6d6d;--relation-label-links-bg: #fff;--relation-label-links-text: #5e8af7;--relation-label-empty-bg: #fff;--relation-label-empty-text: #fd7373;--body-bg: #018ee0;--navbar-bg: rgba(235, 51, 56, 0.8);--navbar-link-color: #fff;--search-form-bg: rgba(255, 255, 255, 0.2);--new-button-horizontal-color: #c56f21;--new-button-vertical-color: #fb973d;--new-button-bg: #fadc24;--new-button-hover-bg: #f5d306;--new-button-active-bg: #cdb105;--telomere-border: #eaebeb;--telomere-unread: #7fca8f;--telomere-updated: #47ba5f;--unread-color: #41b059;--card-title-color: #50758b;--card-title-bg: #8ad5fb;--card-bg: #fff;--card-backside: #78b3d5;--card-description-color: #779bb1;--card-description-link-color: #396bdd;--card-box-shadow-color: #0081d0;--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);--tool-color: #fff;--tool-text-color: #fff;--tool-light-color: rgba(255, 255, 255, 0.4);--tool-badge-bg: rgba(255, 255, 255, 0.15);--body-headings-color: var(--tool-color)}}
@media screen{htmldata-project-theme=newyork{--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);--card-description-code-color: #342d9c;--tool-bg: rgba(0, 0, 0, 0.1);--relation-label-bg: #fff;--relation-label-text: #6d6d6d;--relation-label-links-bg: #fff;--relation-label-links-text: #5e8af7;--relation-label-empty-bg: #fff;--relation-label-empty-text: #fd7373;--body-bg: #93c3c0;--navbar-bg: rgba(18, 34, 59, 0.3);--navbar-link-color: #fff;--search-form-bg: rgba(255, 255, 255, 0.16);--new-button-horizontal-color: #c45252;--new-button-vertical-color: #f47a5d;--new-button-bg: #fff;--new-button-hover-bg: #ededed;--new-button-active-bg: #d9d9d9;--card-title-color: #636b79;--card-title-bg: #e8f0ed;--card-bg: #fff;--card-backside: #7daba7;--card-description-color: #8a919f;--card-description-link-color: #396bdd;--card-box-shadow-color: #759fa0;--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);--tool-color: #313742;--tool-light-color: rgba(49, 55, 66, 0.4);--tool-bg: rgba(49, 55, 66, 0.1);--tool-badge-bg: rgba(255, 255, 255, 0.3);--body-headings-color: var(--tool-color)}}
@media screen{htmldata-project-theme=orange{--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);--card-description-code-color: #342d9c;--tool-bg: rgba(0, 0, 0, 0.1);--relation-label-bg: #fff;--relation-label-text: #6d6d6d;--relation-label-links-bg: #fff;--relation-label-links-text: #5e8af7;--relation-label-empty-bg: #fff;--relation-label-empty-text: #fd7373;--body-bg: #efefef;--navbar-icon-color: #fff;--navbar-icon-active-color: rgba(255, 255, 255, 0.5);--navbar-icon-hovered-color: var(--navbar-icon-active-color);--search-form-bg: rgba(255, 255, 255, 0.2);--search-form-text-color: rgba(255, 255, 255, 0.5);--card-title-color: #444;--card-title-bg: #f2f2f3;--card-bg: #fff;--card-hover-bg: rgba(0, 0, 0, 0.05);--card-active-bg: rgba(0, 0, 0, 0.1);--card-backside: #aaa;--card-description-color: #7a7a7a;--card-description-link-color: #6e8af3;--card-box-shadow-color: #b0b1b3;--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);--card-title-bg-pinned: #f2f2f3;--relation-label-bg: #edeeee;--relation-label-text: #444;--relation-label-links-bg: #6e8af3;--relation-label-links-text: #fff;--relation-label-empty-bg: #fb7476;--relation-label-empty-text: #fff;--tool-color: #a0a0a0;--tool-light-color: #c6c6c6;--tool-badge-bg: #edeeee;--tool-bg: #edeeee;--tool-text-color: #444;--new-button-bg: #fff;--new-button-hover-bg: rgba(255, 255, 255, 0.7);--new-button-active-bg: rgba(255, 255, 255, 0.5);--telomere-border: #e2e2e2;--telomere-unread: #89a3ff;--telomere-updated: #6b8cff;--page-text-color: #444;--page-link-color: #6e8af3;--page-link-hover-color: #3f57b1;--page-link-color-cursor-line: #8159c3;--page-bg: #fff;--empty-page-link-color: #fb7476;--empty-page-link-hover-color: #cf554d;--line-title-color: #444;--search-form-icon-color: #fff;--search-form-icon-focus-color: #4a4a4a;--navbar-bg: rgba(219, 169, 39, 0.8);--new-button-vertical-color: var(--navbar-bg);--new-button-horizontal-color: var(--navbar-bg)}}
@media screen{htmldata-project-theme=paris{--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);--card-description-code-color: #342d9c;--tool-bg: rgba(0, 0, 0, 0.1);--relation-label-bg: #fff;--relation-label-text: #6d6d6d;--relation-label-links-bg: #fff;--relation-label-links-text: #5e8af7;--relation-label-empty-bg: #fff;--relation-label-empty-text: #fd7373;--body-bg: #f6858e;--navbar-bg: rgba(102, 192, 157, 0.8);--navbar-link-color: #fff;--search-form-bg: #93d5bc;--new-button-horizontal-color: #7238cf;--new-button-vertical-color: #9c6ae9;--new-button-bg: #fff;--new-button-hover-bg: #ededed;--new-button-active-bg: #d9d9d9;--card-title-color: #916264;--card-title-bg: #ffe4e6;--card-bg: #fff;--card-backside: #e9b6ba;--card-description-color: #b28d8f;--card-description-link-color: #396bdd;--card-box-shadow-color: #c96a74;--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);--tool-color: #652216;--tool-text-color: #652216;--tool-light-color: rgba(101, 34, 22, 0.4);--tool-bg: rgba(101, 34, 22, 0.1);--tool-badge-bg: rgba(255, 255, 255, 0.3);--body-headings-color: var(--tool-color)}}
@media screen{htmldata-project-theme=purple{--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);--card-description-code-color: #342d9c;--tool-bg: rgba(0, 0, 0, 0.1);--relation-label-bg: #fff;--relation-label-text: #6d6d6d;--relation-label-links-bg: #fff;--relation-label-links-text: #5e8af7;--relation-label-empty-bg: #fff;--relation-label-empty-text: #fd7373;--body-bg: #efefef;--navbar-icon-color: #fff;--navbar-icon-active-color: rgba(255, 255, 255, 0.5);--navbar-icon-hovered-color: var(--navbar-icon-active-color);--search-form-bg: rgba(255, 255, 255, 0.2);--search-form-text-color: rgba(255, 255, 255, 0.5);--card-title-color: #444;--card-title-bg: #f2f2f3;--card-bg: #fff;--card-hover-bg: rgba(0, 0, 0, 0.05);--card-active-bg: rgba(0, 0, 0, 0.1);--card-backside: #aaa;--card-description-color: #7a7a7a;--card-description-link-color: #6e8af3;--card-box-shadow-color: #b0b1b3;--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);--card-title-bg-pinned: #f2f2f3;--relation-label-bg: #edeeee;--relation-label-text: #444;--relation-label-links-bg: #6e8af3;--relation-label-links-text: #fff;--relation-label-empty-bg: #fb7476;--relation-label-empty-text: #fff;--tool-color: #a0a0a0;--tool-light-color: #c6c6c6;--tool-badge-bg: #edeeee;--tool-bg: #edeeee;--tool-text-color: #444;--new-button-bg: #fff;--new-button-hover-bg: rgba(255, 255, 255, 0.7);--new-button-active-bg: rgba(255, 255, 255, 0.5);--telomere-border: #e2e2e2;--telomere-unread: #89a3ff;--telomere-updated: #6b8cff;--page-text-color: #444;--page-link-color: #6e8af3;--page-link-hover-color: #3f57b1;--page-link-color-cursor-line: #8159c3;--page-bg: #fff;--empty-page-link-color: #fb7476;--empty-page-link-hover-color: #cf554d;--line-title-color: #444;--search-form-icon-color: #fff;--search-form-icon-focus-color: #4a4a4a;--navbar-bg: rgba(148, 113, 192, 0.8);--new-button-vertical-color: var(--navbar-bg);--new-button-horizontal-color: var(--navbar-bg)}}
@media screen{htmldata-project-theme=red{--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);--card-description-code-color: #342d9c;--tool-bg: rgba(0, 0, 0, 0.1);--relation-label-bg: #fff;--relation-label-text: #6d6d6d;--relation-label-links-bg: #fff;--relation-label-links-text: #5e8af7;--relation-label-empty-bg: #fff;--relation-label-empty-text: #fd7373;--body-bg: #efefef;--navbar-icon-color: #fff;--navbar-icon-active-color: rgba(255, 255, 255, 0.5);--navbar-icon-hovered-color: var(--navbar-icon-active-color);--search-form-bg: rgba(255, 255, 255, 0.2);--search-form-text-color: rgba(255, 255, 255, 0.5);--card-title-color: #444;--card-title-bg: #f2f2f3;--card-bg: #fff;--card-hover-bg: rgba(0, 0, 0, 0.05);--card-active-bg: rgba(0, 0, 0, 0.1);--card-backside: #aaa;--card-description-color: #7a7a7a;--card-description-link-color: #6e8af3;--card-box-shadow-color: #b0b1b3;--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);--card-title-bg-pinned: #f2f2f3;--relation-label-bg: #edeeee;--relation-label-text: #444;--relation-label-links-bg: #6e8af3;--relation-label-links-text: #fff;--relation-label-empty-bg: #fb7476;--relation-label-empty-text: #fff;--tool-color: #a0a0a0;--tool-light-color: #c6c6c6;--tool-badge-bg: #edeeee;--tool-bg: #edeeee;--tool-text-color: #444;--new-button-bg: #fff;--new-button-hover-bg: rgba(255, 255, 255, 0.7);--new-button-active-bg: rgba(255, 255, 255, 0.5);--telomere-border: #e2e2e2;--telomere-unread: #89a3ff;--telomere-updated: #6b8cff;--page-text-color: #444;--page-link-color: #6e8af3;--page-link-hover-color: #3f57b1;--page-link-color-cursor-line: #8159c3;--page-bg: #fff;--empty-page-link-color: #fb7476;--empty-page-link-hover-color: #cf554d;--line-title-color: #444;--search-form-icon-color: #fff;--search-form-icon-focus-color: #4a4a4a;--navbar-bg: rgba(207, 85, 77, 0.8);--new-button-vertical-color: var(--navbar-bg);--new-button-horizontal-color: var(--navbar-bg)}}
@media screen{htmldata-project-theme=spring{--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);--card-description-code-color: #342d9c;--tool-bg: rgba(0, 0, 0, 0.1);--relation-label-bg: #fff;--relation-label-text: #6d6d6d;--relation-label-links-bg: #fff;--relation-label-links-text: #5e8af7;--relation-label-empty-bg: #fff;--relation-label-empty-text: #fd7373;--body-bg: #c6dc67;--navbar-bg: rgba(2, 167, 137, 0.5);--navbar-link-color: #fff;--search-form-bg: #2bbaa1;--new-button-horizontal-color: #b44a29;--new-button-vertical-color: var(--new-button-horizontal-color);--new-button-bg: #f4835f;--new-button-hover-bg: #f2693e;--new-button-active-bg: #ef4c17;--card-title-color: #636b79;--card-title-bg: #e7fa9a;--card-bg: #fff;--card-backside: #afc35c;--card-description-color: #8a919f;--card-description-link-color: #396bdd;--card-box-shadow-color: #9ab149;--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);--tool-color: #4e5a1a;--tool-text-color: #4e5a1a;--tool-light-color: rgba(78, 90, 26, 0.4);--tool-bg: rgba(78, 90, 26, 0.1);--tool-badge-bg: rgba(255, 255, 255, 0.3);--body-headings-color: var(--tool-color)}}
@media screen{htmldata-project-theme=summer{--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);--card-description-code-color: #342d9c;--tool-bg: rgba(0, 0, 0, 0.1);--relation-label-bg: #fff;--relation-label-text: #6d6d6d;--relation-label-links-bg: #fff;--relation-label-links-text: #5e8af7;--relation-label-empty-bg: #fff;--relation-label-empty-text: #fd7373;--body-bg: #14b2da;--navbar-bg: rgba(242, 196, 13, 0.5);--search-form-bg: #ffd83c;--new-button-horizontal-color: #c93a3c;--new-button-vertical-color: #fb6f01;--new-button-bg: #fff;--new-button-hover-bg: #ededed;--new-button-active-bg: #d9d9d9;--telomere-border: #eaebeb;--telomere-unread: #7fca8f;--telomere-updated: #47ba5f;--unread-color: #41b059;--card-title-color: #636b79;--card-title-bg: #d0eeff;--card-bg: #fff;--card-backside: #aad6ef;--card-description-color: #8a919f;--card-description-link-color: #396bdd;--card-box-shadow-color: #22a5ca;--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);--tool-color: #f6f6f6;--tool-text-color: #f6f6f6;--tool-light-color: rgba(246, 246, 246, 0.4);--tool-bg: #13a7cc;--tool-badge-bg: rgba(255, 255, 255, 0.23);--body-headings-color: var(--tool-color)}}
@media screen{htmldata-project-theme=tropical{--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);--card-description-code-color: #342d9c;--tool-bg: rgba(0, 0, 0, 0.1);--relation-label-bg: #fff;--relation-label-text: #6d6d6d;--relation-label-links-bg: #fff;--relation-label-links-text: #5e8af7;--relation-label-empty-bg: #fff;--relation-label-empty-text: #fd7373;--body-bg: #f0d458;--navbar-bg: rgba(35, 161, 138, 0.5);--navbar-link-color: #fff;--search-form-bg: #2ebfa5;--new-button-horizontal-color: #5e389a;--new-button-vertical-color: #5e389a;--new-button-bg: #a45aff;--new-button-hover-bg: #9036ff;--new-button-active-bg: #7a0eff;--card-title-color: #77664d;--card-title-bg: #fff3c0;--card-bg: #fff;--card-backside: #d2bc5d;--card-description-color: #a28d6f;--card-description-link-color: #396bdd;--card-box-shadow-color: #d4b94b;--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);--tool-color: #735f04;--tool-text-color: #735f04;--tool-light-color: rgba(115, 95, 4, 0.4);--tool-bg: rgba(115, 95, 4, 0.1);--tool-badge-bg: rgba(255, 255, 255, 0.3);--body-headings-color: var(--tool-color)}}
@media screen{htmldata-project-theme=winter{--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);--card-description-code-color: #342d9c;--tool-bg: rgba(0, 0, 0, 0.1);--relation-label-bg: #fff;--relation-label-text: #6d6d6d;--relation-label-links-bg: #fff;--relation-label-links-text: #5e8af7;--relation-label-empty-bg: #fff;--relation-label-empty-text: #fd7373;--body-bg: #b2b9c4;--navbar-bg: rgba(115, 123, 138, 0.5);--navbar-link-color: #fff;--search-form-bg: rgba(255, 255, 255, 0.16);--new-button-horizontal-color: #a66ef4;--new-button-vertical-color: #7f4ecd;--new-button-bg: #fff;--new-button-hover-bg: #ededed;--new-button-active-bg: #d9d9d9;--card-title-color: #636b79;--card-title-bg: #dee4ec;--card-bg: #fff;--card-backside: #96a3b4;--card-description-color: #8a919f;--card-description-link-color: #396bdd;--card-box-shadow-color: #a2a8b2;--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);--tool-color: #363c49;--tool-light-color: rgba(54, 60, 73, 0.4);--tool-bg: rgba(54, 60, 73, 0.08);--tool-badge-bg: rgba(255, 255, 255, 0.3);--body-headings-color: var(--tool-color)}}
@media screen{htmldata-project-theme=default{--brand-icon-color: #363c49;--brand-icon-y-first-stop-opacity: 0.3;--brand-icon-y-last-stop-opacity: 0.8;--brand-icon-x-first-stop-opacity: 0.2;--brand-icon-x-last-stop-opacity: 0.3;--new-button-vertical-color: #fff;--new-button-horizontal-color: #fff;--new-button-bg: #3d72f5;--new-button-hover-bg: #255ff4;--new-button-active-bg: #0d4ef2;--navbar-bg: hsl(225 6% 78% / 70%);--navbar-title-color: #363c49;--navbar-icon-color: #363c49;--navbar-icon-border-color: hsl(225 6% 79% / 1);--expandable-menu-bg: rgba(53, 59, 72, 0.6);--search-form-bg: rgba(255, 255, 255, 0.5);--search-form-text-color: rgba(68, 68, 68, 0.35);--search-form-icon-color: rgb(54 60 73 / 70%);--search-form-icon-focus-color: #363c49}}
@media screen{htmldata-project-theme=default-dark{--body-bg: #202228;--brand-icon-y-first-stop-opacity: 0.3;--brand-icon-y-last-stop-opacity: 0.6;--brand-icon-x-first-stop-opacity: 0.2;--brand-icon-x-last-stop-opacity: 0.3;--navbar-bg: rgba(55, 59, 68, 0.5);--navbar-icon-color: #fff;--navbar-icon-active-color: #338c46;--navbar-icon-hovered-color: #338c46;--search-form-bg: rgba(255, 255, 255, 0.13);--search-form-icon-color: #fff;--search-form-icon-focus-color: #4a4a4a;--2hop-search-bg: rgba(255, 255, 255, 0.15);--card-title-color: #f0f0f0;--card-title-bg: #2b2e38;--card-bg: #373b44;--card-hover-bg: rgba(0, 0, 0, 0.1);--card-active-bg: rgba(229, 229, 229, 0.1);--card-backside: #545860;--card-description-color: #c4c4c4;--card-description-link-color: #80c9fe;--card-description-code-color: #ccc;--card-box-shadow-color: #000;--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);--card-title-bg-pinned: #2b2e38;--relation-label-bg: #2b2e38;--relation-label-text: #dddede;--relation-label-links-bg: #80c9fe;--relation-label-links-text: #202228;--relation-label-empty-bg: #fb7476;--relation-label-empty-text: #fff;--tool-color: #535863;--tool-light-color: #353b48;--tool-badge-bg: #2b2e38;--tool-bg: #2b2e38;--tool-text-color: #dddede;--new-button-vertical-color: #fff;--new-button-horizontal-color: #fff;--new-button-bg: hsl(227 51% 56% / 1);--new-button-hover-bg: hsl(227 51% 50% / 1);--new-button-active-bg: hsl(227 51% 45% / 1);--telomere-border: #545863;--page-text-color: rgba(255, 255, 255, 0.87);--page-link-color: #80c9fe;--page-link-hover-color: #6a9ec6;--page-link-color-cursor-line: #a985e4;--page-bg: #373b44;--empty-page-link-color: #fb7476;--empty-page-link-hover-color: #b47576;--line-title-color: rgba(255, 255, 255, 0.87);--line-permalink-color: rgba(234, 218, 74, 0.35);--code-color: #ccc;--code-bg: rgba(0, 0, 0, 0.18);--quote-bg-color: rgba(0, 0, 0, 0.2);--page-image-loading-border-color: #555;--cursor-color: #fff}htmldata-project-theme=default-dark code.highlight{color:#ccc}htmldata-project-theme=default-dark code.highlight .hljs{display:block;overflow-x:auto;padding:.5em;backg