/* source: production style 1 */
@media screen {
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button,
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button,
body[data-bespoke-view=overview] button.bespoke-marp-overview-close,
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-page-area .bespoke-marp-presenter-info-page,
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button,
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button {
appearance: none;
background-color: initial;
border: 0;
color: inherit;
cursor: pointer;
font-size: inherit;
opacity: .8;
outline: none;
padding: 0;
transition: opacity .2s linear;
-webkit-tap-highlight-color: transparent
}
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button:disabled,
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button:disabled,
body[data-bespoke-view=overview] button.bespoke-marp-overview-close:disabled,
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-page-area .bespoke-marp-presenter-info-page:disabled,
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button:disabled,
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button:disabled {
cursor: not-allowed;
opacity: .15 !important
}
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button:hover,
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button:hover,
body[data-bespoke-view=overview] button.bespoke-marp-overview-close:hover,
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-page-area .bespoke-marp-presenter-info-page:hover,
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button:hover,
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button:hover {
opacity: 1
}
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button:hover:active,
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button:hover:active,
body[data-bespoke-view=overview] button.bespoke-marp-overview-close:hover:active,
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-page-area .bespoke-marp-presenter-info-page:hover:active,
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button:hover:active,
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button:hover:active {
opacity: .6
}
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button:hover:not(:disabled),
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button:hover:not(:disabled),
body[data-bespoke-view=overview] button.bespoke-marp-overview-close:hover:not(:disabled),
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-page-area .bespoke-marp-presenter-info-page:hover:not(:disabled),
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button:hover:not(:disabled),
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button:hover:not(:disabled) {
transition: none
}
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=prev],
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=prev],
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button.bespoke-marp-presenter-info-page-prev {
background: #0000 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI1IiBkPSJNNjggOTAgMjggNTBsNDAtNDAiLz48L3N2Zz4=") no-repeat 50%;
background-size: contain;
overflow: hidden;
text-indent: 100%;
white-space: nowrap
}
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=next],
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=next],
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button.bespoke-marp-presenter-info-page-next {
background: #0000 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI1IiBkPSJtMzIgOTAgNDAtNDAtNDAtNDAiLz48L3N2Zz4=") no-repeat 50%;
background-size: contain;
overflow: hidden;
text-indent: 100%;
white-space: nowrap
}
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=fullscreen],
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=fullscreen] {
background: #0000 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6NXB4fTwvc3R5bGU+PC9kZWZzPjxyZWN0IHdpZHRoPSI4MCIgaGVpZ2h0PSI2MCIgeD0iMTAiIHk9IjIwIiBjbGFzcz0iYSIgcng9IjUuNjciLz48cGF0aCBkPSJNNDAgNzBIMjBWNTBtMjAgMEwyMCA3MG00MC00MGgyMHYyMG0tMjAgMCAyMC0yMCIgY2xhc3M9ImEiLz48L3N2Zz4=") no-repeat 50%;
background-size: contain;
overflow: hidden;
text-indent: 100%;
white-space: nowrap
}
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button.exit[data-bespoke-marp-osc=fullscreen],
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button.exit[data-bespoke-marp-osc=fullscreen] {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6NXB4fTwvc3R5bGU+PC9kZWZzPjxyZWN0IHdpZHRoPSI4MCIgaGVpZ2h0PSI2MCIgeD0iMTAiIHk9IjIwIiBjbGFzcz0iYSIgcng9IjUuNjciLz48cGF0aCBkPSJNMjAgNTBoMjB2MjBtLTIwIDAgMjAtMjBtNDAgMEg2MFYzMG0yMCAwTDYwIDUwIiBjbGFzcz0iYSIvPjwvc3ZnPg==")
}
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=presenter],
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=presenter] {
background: #0000 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI1IiBkPSJNODcuOCA0Ny41Qzg5IDUwIDg3LjcgNTIgODUgNTJIMzVhOC43IDguNyAwIDAgMS03LjItNC41bC0xNS42LTMxQzExIDE0IDEyLjIgMTIgMTUgMTJoNTBhOC44IDguOCAwIDAgMSA3LjIgNC41ek02MCA1MnYzNm0tMTAgMGgyME00NSA0MmgyMCIvPjwvc3ZnPg==") no-repeat 50%;
background-size: contain;
overflow: hidden;
text-indent: 100%;
white-space: nowrap
}
body[data-bespoke-view=overview] button.bespoke-marp-overview-close,
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button.bespoke-marp-presenter-note-bigger {
background: #0000 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI1IiBkPSJNMTIgNTBoODBNNTIgOTBWMTAiLz48L3N2Zz4=") no-repeat 50%;
background-size: contain;
overflow: hidden;
text-indent: 100%;
white-space: nowrap
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button.bespoke-marp-presenter-note-smaller {
background: #0000 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI1IiBkPSJNMTIgNTBoODAiLz48L3N2Zz4=") no-repeat 50%;
background-size: contain;
overflow: hidden;
text-indent: 100%;
white-space: nowrap
}
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=overview],
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=overview] {
background: #0000 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6NXB4O3J4OjVweDtyeTo1cHg7d2lkdGg6MjVweDtoZWlnaHQ6MjVweH08L3N0eWxlPjwvZGVmcz48cmVjdCB4PSIyMCIgeT0iMjAiIGNsYXNzPSJhIi8+PHJlY3QgeD0iNTUiIHk9IjIwIiBjbGFzcz0iYSIvPjxyZWN0IHg9IjIwIiB5PSI1NSIgY2xhc3M9ImEiLz48cmVjdCB4PSI1NSIgeT0iNTUiIGNsYXNzPSJhIi8+PC9zdmc+") no-repeat 50%;
background-size: contain;
overflow: hidden;
text-indent: 100%;
white-space: nowrap
}
}
@keyframes __bespoke_marp_transition_reduced_outgoing__ {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes __bespoke_marp_transition_reduced_incoming__ {
0% {
mix-blend-mode: plus-lighter;
opacity: 0
}
to {
mix-blend-mode: plus-lighter;
opacity: 1
}
}
.bespoke-marp-note,
.bespoke-marp-osc,
.bespoke-progress-parent {
display: none;
transition: none
}
@media screen {
::view-transition-group(*) {
animation-duration: var(--marp-bespoke-transition-animation-duration, .5s);
animation-timing-function: ease
}
::view-transition-new(*),
::view-transition-old(*) {
animation-delay: 0s;
animation-direction: var(--marp-bespoke-transition-animation-direction, normal);
animation-duration: var(--marp-bespoke-transition-animation-duration, .5s);
animation-fill-mode: both;
animation-name: var(--marp-bespoke-transition-animation-name, var(--marp-bespoke-transition-animation-name-fallback, __bespoke_marp_transition_no_animation__));
mix-blend-mode: normal
}
::view-transition-old(*) {
--marp-bespoke-transition-animation-name-fallback: __bespoke_marp_transition_reduced_outgoing__;
animation-timing-function: ease
}
::view-transition-new(*) {
--marp-bespoke-transition-animation-name-fallback: __bespoke_marp_transition_reduced_incoming__;
animation-timing-function: ease
}
::view-transition-new(root),
::view-transition-old(root) {
animation-timing-function: linear
}
::view-transition-new(__bespoke_marp_transition_osc__),
::view-transition-old(__bespoke_marp_transition_osc__) {
animation-duration: 0s !important;
animation-name: __bespoke_marp_transition_osc__ !important
}
::view-transition-new(__bespoke_marp_transition_osc__) {
opacity: 0 !important
}
.bespoke-marp-transition-warming-up::view-transition-group(*),
.bespoke-marp-transition-warming-up::view-transition-new(*),
.bespoke-marp-transition-warming-up::view-transition-old(*) {
animation-play-state: paused !important
}
body,
html {
height: 100%;
margin: 0
}
body {
background: #000;
overflow: hidden
}
svg.bespoke-marp-slide {
content-visibility: hidden;
interactivity: inert;
opacity: 0;
pointer-events: none;
z-index: -1
}
svg.bespoke-marp-slide:not(.bespoke-marp-active) * {
view-transition-name: none !important
}
svg.bespoke-marp-slide.bespoke-marp-active {
content-visibility: visible;
interactivity: auto;
opacity: 1;
pointer-events: auto;
z-index: 0
}
svg.bespoke-marp-slide.bespoke-marp-active.bespoke-marp-active-ready * {
animation-name: __bespoke_marp__ !important
}
@supports not (content-visibility:hidden) {
svg.bespoke-marp-slide[data-bespoke-marp-load=hideable] {
display: none
}
svg.bespoke-marp-slide[data-bespoke-marp-load=hideable].bespoke-marp-active {
display: block
}
}
}
@media screen and (prefers-reduced-motion:reduce) {
svg.bespoke-marp-slide * {
view-transition-name: none !important
}
}
@media screen {
[data-bespoke-marp-fragment=inactive] {
visibility: hidden
}
body[data-bespoke-view=""] .bespoke-marp-parent,
body[data-bespoke-view=next] .bespoke-marp-parent {
inset: 0;
position: absolute
}
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc,
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc {
background: #000000a6;
border-radius: 7px;
bottom: 50px;
color: #fff;
contain: paint;
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
left: 50%;
line-height: 0;
opacity: 1;
padding: 12px;
position: absolute;
touch-action: manipulation;
transform: translateX(-50%);
transition: opacity .2s linear;
-webkit-user-select: none;
user-select: none;
view-transition-name: __bespoke_marp_transition_osc__;
white-space: nowrap;
will-change: transform;
z-index: 1
}
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>:where(*),
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>:where(*) {
margin-left: 6px
}
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>:where(*):where(:first-child),
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>:where(*):where(:first-child) {
margin-left: 0
}
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>span,
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>span {
opacity: .8
}
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>span[data-bespoke-marp-osc=page],
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>span[data-bespoke-marp-osc=page] {
display: inline-block;
min-width: 140px;
text-align: center
}
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=fullscreen],
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=next],
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=overview],
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=presenter],
body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=prev],
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=fullscreen],
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=next],
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=overview],
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=presenter],
body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=prev] {
height: 32px;
line-height: 32px;
width: 32px
}
body[data-bespoke-view=""] .bespoke-marp-parent.bespoke-marp-inactive,
body[data-bespoke-view=next] .bespoke-marp-parent.bespoke-marp-inactive {
cursor: none
}
body[data-bespoke-view=""] .bespoke-marp-parent.bespoke-marp-inactive>.bespoke-marp-osc,
body[data-bespoke-view=next] .bespoke-marp-parent.bespoke-marp-inactive>.bespoke-marp-osc {
opacity: 0;
pointer-events: none
}
body[data-bespoke-view=""] svg.bespoke-marp-slide,
body[data-bespoke-view=next] svg.bespoke-marp-slide {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
body[data-bespoke-view=""] .bespoke-progress-parent {
background: #222;
display: flex;
height: 5px;
width: 100%
}
body[data-bespoke-view=""] .bespoke-progress-parent+:where(.bespoke-marp-parent) {
top: 5px
}
body[data-bespoke-view=""] .bespoke-progress-parent .bespoke-progress-bar {
background: #0288d1;
flex: 0 0 0;
transition: flex-basis .2s cubic-bezier(0, 1, 1, 1)
}
body[data-bespoke-view=next] {
background: #0000
}
body[data-bespoke-view=presenter] {
background: #161616
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container {
display: grid;
font-family: Helvetica, Arial, sans-serif;
grid-template: "current dragbar next" minmax(140px, 1fr) "current dragbar note" 2fr "info dragbar note" 3em;
grid-template-columns: minmax(3px, var(--bespoke-marp-presenter-split-ratio, 66%)) 0 minmax(3px, 1fr);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container :where(.bespoke-marp-parent) {
grid-area: current;
overflow: hidden;
position: relative
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container :where(.bespoke-marp-parent) :where(svg.bespoke-marp-slide) {
height: calc(100% - 40px);
left: 20px;
pointer-events: none;
position: absolute;
top: 20px;
-webkit-user-select: none;
user-select: none;
width: calc(100% - 40px)
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container :where(.bespoke-marp-parent) :where(svg.bespoke-marp-slide).bespoke-marp-active {
filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .5))
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-dragbar-container {
background: #0288d1;
cursor: col-resize;
grid-area: dragbar;
margin-left: -3px;
opacity: 0;
position: relative;
transition: opacity .4s linear .1s;
width: 6px;
z-index: 10
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-dragbar-container:hover {
opacity: 1
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-dragbar-container.active {
opacity: 1;
transition-delay: 0s
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-next-container {
background: #222;
cursor: pointer;
display: none;
grid-area: next;
overflow: hidden;
position: relative
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-next-container.active {
display: block
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-next-container iframe.bespoke-marp-presenter-next {
background: #0000;
border: 0;
display: block;
filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .5));
height: calc(100% - 40px);
left: 20px;
pointer-events: none;
position: absolute;
interactivity: inert;
top: 20px;
-webkit-user-select: none;
user-select: none;
width: calc(100% - 40px)
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container {
background: #222;
color: #eee;
grid-area: note;
position: relative;
z-index: 1
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button {
height: 1.5em;
line-height: 1.5em;
width: 1.5em
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-presenter-note-wrapper {
display: block;
inset: 0;
position: absolute
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-presenter-note-buttons {
background: #000000a6;
border-radius: 4px;
bottom: 0;
display: flex;
gap: 4px;
margin: 12px;
opacity: 0;
padding: 6px;
pointer-events: none;
position: absolute;
right: 0;
transition: opacity .2s linear
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-presenter-note-buttons:focus-within,
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-presenter-note-wrapper:focus-within+.bespoke-marp-presenter-note-buttons,
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container:hover .bespoke-marp-presenter-note-buttons {
opacity: 1;
pointer-events: auto
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-note {
box-sizing: border-box;
font-size: calc(1.1em*var(--bespoke-marp-note-font-scale, 1));
height: calc(100% - 40px);
margin: 20px;
overflow: auto;
padding-right: 3px;
white-space: pre-wrap;
width: calc(100% - 40px);
word-wrap: break-word;
scrollbar-color: #eeeeee80 #0000;
scrollbar-width: thin
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-note::-webkit-scrollbar {
width: 6px
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-note::-webkit-scrollbar-track {
background: #0000
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-note::-webkit-scrollbar-thumb {
background: #eeeeee80;
border-radius: 6px
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-note:empty {
pointer-events: none
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-note.active {
display: block
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-note p:first-child {
margin-top: 0
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-note p:last-child {
margin-bottom: 0
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container {
align-items: center;
box-sizing: border-box;
color: #eee;
display: flex;
flex-wrap: nowrap;
grid-area: info;
justify-content: center;
overflow: hidden;
padding: 0 10px
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-page-area,
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-time,
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-timer {
box-sizing: border-box;
display: block;
padding: 0 10px;
white-space: nowrap;
width: 100%
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button {
height: 1.5em;
line-height: 1.5em;
width: 1.5em
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-page-area {
order: 2;
text-align: center
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-page-area .bespoke-marp-presenter-info-page {
display: inline-block;
min-width: 120px;
text-align: center
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-time {
color: #999;
order: 1;
text-align: left
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-timer {
color: #999;
order: 3;
text-align: right
}
body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-timer:hover {
cursor: pointer
}
body[data-bespoke-view=overview] {
background: #161616;
overflow: auto
}
body[data-bespoke-view=overview] [data-bespoke-marp-fragment=inactive] {
visibility: visible
}
body[data-bespoke-view=overview] .bespoke-marp-overview-header {
backdrop-filter: blur(4px);
background: #222222d9;
box-shadow: 0 3px 10px #00000080;
box-sizing: border-box;
display: flex;
height: 48px;
inset: 0 0 auto;
justify-content: flex-end;
padding: 10px;
position: fixed;
z-index: 1
}
body[data-bespoke-view=overview] button.bespoke-marp-overview-close {
height: 28px;
line-height: 28px;
transform: rotate(45deg);
width: 28px
}
body[data-bespoke-view=overview] .bespoke-marp-parent {
display: grid;
gap: 40px;
grid-template-columns: repeat(auto-fit, minmax(0, 240px));
justify-content: space-around;
padding: 30px
}
body[data-bespoke-view=overview] .bespoke-marp-parent svg.bespoke-marp-slide {
--bov-selected: #0000;
--bov-focus: #161616;
--bov-focus-outline: #0000;
background-image: conic-gradient(#161616 0 0), conic-gradient(var(--bov-focus) 0 0), conic-gradient(var(--bov-focus-outline) 0 0), conic-gradient(var(--bov-selected) 0 0);
background-position: 5px 5px, 3px 3px, 2px 2px, 0 0;
background-repeat: no-repeat;
background-size: calc(100% - 10px) calc(100% - 10px), calc(100% - 6px) calc(100% - 6px), calc(100% - 4px) calc(100% - 4px), 100% 100%;
content-visibility: visible;
cursor: pointer;
filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .5));
margin: -6px;
padding: 6px;
interactivity: auto;
opacity: 1;
outline: 0;
pointer-events: auto;
scroll-margin-block: 30px;
width: 100%;
z-index: 0
}
body[data-bespoke-view=overview] .bespoke-marp-parent svg.bespoke-marp-slide *,
body[data-bespoke-view=overview] .bespoke-marp-parent svg.bespoke-marp-slide.bespoke-marp-active * {
pointer-events: none;
interactivity: inert
}
body[data-bespoke-view=overview] .bespoke-marp-parent svg.bespoke-marp-slide:active,
body[data-bespoke-view=overview] .bespoke-marp-parent svg.bespoke-marp-slide:focus-visible,
body[data-bespoke-view=overview] .bespoke-marp-parent svg.bespoke-marp-slide:hover {
--bov-focus-outline: #161616
}
body[data-bespoke-view=overview] .bespoke-marp-parent svg.bespoke-marp-slide:focus-visible,
body[data-bespoke-view=overview] .bespoke-marp-parent svg.bespoke-marp-slide:hover {
--bov-focus: #999
}
body[data-bespoke-view=overview] .bespoke-marp-parent svg.bespoke-marp-slide:active {
--bov-focus: #eee
}
body[data-bespoke-view=overview] .bespoke-marp-parent svg.bespoke-marp-slide.bespoke-marp-active {
--bov-selected: #0288d1
}
body[data-bespoke-view=overview]:has(.bespoke-marp-overview-header) .bespoke-marp-parent {
padding-top: 78px
}
body[data-bespoke-view=overview]:has(.bespoke-marp-overview-header) .bespoke-marp-parent svg.bespoke-marp-slide {
scroll-margin-top: 78px
}
.bespoke-marp-overview {
background: #000000a6;
inset: 0;
opacity: 0;
pointer-events: none;
position: fixed;
transition: opacity .1s ease;
z-index: 10
}
.bespoke-marp-overview iframe {
background: #222;
border: 0;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.bespoke-marp-overview[data-open="1"] {
opacity: 1;
pointer-events: auto
}
}
@media print {
.bespoke-marp-overview,
.bespoke-marp-presenter-info-container,
.bespoke-marp-presenter-next-container,
.bespoke-marp-presenter-note-container {
display: none
}
}
/* source: production style 2 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&family=Noto+Sans+JP:wght@300;500;700&display=swap');
div#\:\$p>svg>foreignObject>section {
width: 1280px;
height: 720px;
box-sizing: border-box;
overflow: hidden;
position: relative;
scroll-snap-align: center center;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%
}
div#\:\$p>svg>foreignObject>section::after {
bottom: 0;
content: attr(data-marpit-pagination);
padding: inherit;
pointer-events: none;
position: absolute;
right: 0
}
div#\:\$p>svg>foreignObject>section:not([data-marpit-pagination])::after {
display: none
}
div#\:\$p>svg>foreignObject>section :is(h1, marp-h1) {
font-size: 2em;
margin-block: 0.67em
}
div#\:\$p>svg>foreignObject>section video::-webkit-media-controls {
will-change: transform
}
@page {
size: 1280px 720px;
margin: 0
}
@media print {
html,
body {
background-color: #fff;
margin: 0;
page-break-inside: avoid;
break-inside: avoid-page
}
div#\:\$p>svg>foreignObject>section {
page-break-before: always;
break-before: page
}
div#\:\$p>svg>foreignObject>section,
div#\:\$p>svg>foreignObject>section * {
-webkit-print-color-adjust: exact !important;
animation-delay: 0s !important;
animation-duration: 0s !important;
color-adjust: exact !important;
print-color-adjust: exact !important;
transition: none !important
}
div#\:\$p>svg[data-marpit-svg] {
display: block;
height: 100vh;
width: 100vw
}
}
div#\:\$p>svg>foreignObject> :where(section) {
container-type: size
}
div#\:\$p>svg>foreignObject>section img[data-marp-twemoji] {
background: transparent;
height: 1em;
margin: 0 .05em 0 .1em;
vertical-align: -.1em;
width: 1em
}
div#\:\$p>svg>foreignObject>section {
--fgColor-danger: light-dark(#d1242f, #f85149);
--bgColor-attention-muted: light-dark(#fff8c5, #bb800926);
--bgColor-muted: light-dark(#f6f8fa, #151b23);
--bgColor-neutral-muted: light-dark(#818b981f, #656c7633);
--borderColor-accent-emphasis: light-dark(#0969da, #1f6feb);
--borderColor-attention-emphasis: light-dark(#9a6700, #9e6a03);
--borderColor-danger-emphasis: light-dark(#cf222e, #da3633);
--borderColor-default: light-dark(#d1d9e0, #3d444d);
--borderColor-done-emphasis: light-dark(#8250df, #8957e5);
--borderColor-success-emphasis: light-dark(#1a7f37, #238636);
--color-prettylights-syntax-brackethighlighter-angle: light-dark(#59636e, #9198a1);
--color-prettylights-syntax-brackethighlighter-unmatched: light-dark(#82071e, #f85149);
--color-prettylights-syntax-carriage-return-bg: light-dark(#cf222e, #b62324);
--color-prettylights-syntax-carriage-return-text: light-dark(#f6f8fa, #f0f6fc);
--color-prettylights-syntax-comment: light-dark(#59636e, #9198a1);
--color-prettylights-syntax-constant: light-dark(#0550ae, #79c0ff);
--color-prettylights-syntax-constant-other-reference-link: light-dark(#0a3069, #a5d6ff);
--color-prettylights-syntax-entity: light-dark(#6639ba, #d2a8ff);
--color-prettylights-syntax-entity-tag: light-dark(#0550ae, #7ee787);
--color-prettylights-syntax-invalid-illegal-text: light-dark(var(--fgColor-danger), var(--fgColor-danger));
--color-prettylights-syntax-keyword: light-dark(#cf222e, #ff7b72);
--color-prettylights-syntax-markup-changed-bg: light-dark(#ffd8b5, #5a1e02);
--color-prettylights-syntax-markup-changed-text: light-dark(#953800, #ffdfb6);
--color-prettylights-syntax-markup-deleted-bg: light-dark(#ffebe9, #67060c);
--color-prettylights-syntax-markup-deleted-text: light-dark(#82071e, #ffdcd7);
--color-prettylights-syntax-markup-heading: light-dark(#0550ae, #1f6feb);
--color-prettylights-syntax-markup-ignored-bg: light-dark(#0550ae, #1158c7);
--color-prettylights-syntax-markup-ignored-text: light-dark(#d1d9e0, #f0f6fc);
--color-prettylights-syntax-markup-inserted-bg: light-dark(#dafbe1, #033a16);
--color-prettylights-syntax-markup-inserted-text: light-dark(#116329, #aff5b4);
--color-prettylights-syntax-markup-list: light-dark(#3b2300, #f2cc60);
--color-prettylights-syntax-meta-diff-range: light-dark(#8250df, #d2a8ff);
--color-prettylights-syntax-string: light-dark(#0a3069, #a5d6ff);
--color-prettylights-syntax-string-regexp: light-dark(#116329, #7ee787);
--color-prettylights-syntax-sublimelinter-gutter-mark: light-dark(#818b98, #3d444d);
--color-prettylights-syntax-variable: light-dark(#953800, #ffa657);
--fgColor-accent: light-dark(#0969da, #4493f8);
--fgColor-attention: light-dark(#9a6700, #d29922);
--fgColor-done: light-dark(#8250df, #ab7df8);
--fgColor-muted: light-dark(#59636e, #9198a1);
--fgColor-success: light-dark(#1a7f37, #3fb950);
--bgColor-default: light-dark(#fff, #0d1117);
--borderColor-muted: light-dark(#d1d9e0b3, #3d444db3);
--color-prettylights-syntax-invalid-illegal-bg: light-dark(var(--bgColor-danger-muted), var(--bgColor-danger-muted));
--color-prettylights-syntax-markup-bold: light-dark(#1f2328, #f0f6fc);
--color-prettylights-syntax-markup-italic: light-dark(#1f2328, #f0f6fc);
--color-prettylights-syntax-storage-modifier-import: light-dark(#1f2328, #f0f6fc);
--fgColor-default: light-dark(#1f2328, #f0f6fc);
--focus-outlineColor: light-dark(var(--borderColor-accent-emphasis), var(--borderColor-accent-emphasis));
--borderColor-neutral-muted: light-dark(var(--borderColor-muted), var(--borderColor-muted));
--base-size-16: calc(var(--marpit-root-font-size, 1rem) * 1);
--base-size-24: calc(var(--marpit-root-font-size, 1rem) * 1.5);
--base-size-4: calc(var(--marpit-root-font-size, 1rem) * 0.25);
--base-size-40: calc(var(--marpit-root-font-size, 1rem) * 2.5);
--base-size-8: calc(var(--marpit-root-font-size, 1rem) * 0.5);
--base-text-weight-medium: 500;
--base-text-weight-normal: 400;
--base-text-weight-semibold: 600;
--fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
--fontStack-sansSerif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}
/*!
* Marp default theme.
*
* @theme default
* @author Yuki Hattori
*
* @auto-scaling true
* @size 16:9 1280px 720px
* @size 4:3 960px 720px
*/
div#\:\$p>svg>foreignObject>section [data-theme=light],
div#\:\$p>svg>foreignObject>section {
color-scheme: light
}
div#\:\$p>svg>foreignObject>section [data-theme=dark],
div#\:\$p>svg>foreignObject>section:where(.invert) {
color-scheme: dark
}
div#\:\$p>svg>foreignObject>section {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
background-color: var(--bgColor-default);
color: var(--fgColor-default);
font-family: var(--fontStack-sansSerif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji");
font-size: 16px;
font-weight: var(--base-text-weight-normal, 400);
line-height: 1.5;
margin: 0;
word-wrap: break-word
}
div#\:\$p>svg>foreignObject>section {
--marpit-root-font-size: 16px
}
div#\:\$p>svg>foreignObject>section a {
text-decoration: underline;
text-underline-offset: calc(var(--marpit-root-font-size, 1rem) * .2)
}
div#\:\$p>svg>foreignObject>section :is(h1, marp-h1):hover .anchor .octicon-link:before,
div#\:\$p>svg>foreignObject>section :is(h2, marp-h2):hover .anchor .octicon-link:before,
div#\:\$p>svg>foreignObject>section :is(h3, marp-h3):hover .anchor .octicon-link:before,
div#\:\$p>svg>foreignObject>section :is(h4, marp-h4):hover .anchor .octicon-link:before,
div#\:\$p>svg>foreignObject>section :is(h5, marp-h5):hover .anchor .octicon-link:before,
div#\:\$p>svg>foreignObject>section :is(h6, marp-h6):hover .anchor .octicon-link:before {
background-color: currentColor;
content: " ";
display: inline-block;
height: 16px;
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
width: 16px
}
div#\:\$p>svg>foreignObject>section details,
div#\:\$p>svg>foreignObject>section figcaption,
div#\:\$p>svg>foreignObject>section figure {
display: block
}
div#\:\$p>svg>foreignObject>section summary {
display: list-item
}
div#\:\$p>svg>foreignObject>section [hidden] {
display: none !important
}
div#\:\$p>svg>foreignObject>section a {
background-color: transparent;
color: var(--fgColor-accent);
text-decoration: none
}
div#\:\$p>svg>foreignObject>section abbr[title] {
border-bottom: none;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
div#\:\$p>svg>foreignObject>section b,
div#\:\$p>svg>foreignObject>section strong {
font-weight: var(--base-text-weight-semibold, 600)
}
div#\:\$p>svg>foreignObject>section dfn {
font-style: italic
}
div#\:\$p>svg>foreignObject>section :is(h1, marp-h1) {
border-bottom: 1px solid var(--borderColor-muted);
font-size: 2em;
font-weight: var(--base-text-weight-semibold, 600);
margin: .67em 0;
padding-bottom: .3em
}
div#\:\$p>svg>foreignObject>section mark {
background-color: var(--bgColor-attention-muted);
color: var(--fgColor-default)
}
div#\:\$p>svg>foreignObject>section small {
font-size: 90%
}
div#\:\$p>svg>foreignObject>section sub,
div#\:\$p>svg>foreignObject>section sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
div#\:\$p>svg>foreignObject>section sub {
bottom: -.25em
}
div#\:\$p>svg>foreignObject>section sup {
top: -.5em
}
div#\:\$p>svg>foreignObject>section img {
border-style: none;
box-sizing: content-box;
max-width: 100%
}
div#\:\$p>svg>foreignObject>section code,
div#\:\$p>svg>foreignObject>section kbd,
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre),
div#\:\$p>svg>foreignObject>section samp {
font-family: monospace;
font-size: 1em
}
div#\:\$p>svg>foreignObject>section figure {
margin: 1em var(--base-size-40)
}
div#\:\$p>svg>foreignObject>section hr {
background: transparent;
background-color: var(--borderColor-default);
border: 0;
box-sizing: content-box;
height: .25em;
margin: var(--base-size-24) 0;
overflow: hidden;
padding: 0
}
div#\:\$p>svg>foreignObject>section input {
font: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
overflow: visible
}
div#\:\$p>svg>foreignObject>section [type=button],
div#\:\$p>svg>foreignObject>section [type=reset],
div#\:\$p>svg>foreignObject>section [type=submit] {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button
}
div#\:\$p>svg>foreignObject>section [type=checkbox],
div#\:\$p>svg>foreignObject>section [type=radio] {
box-sizing: border-box;
padding: 0
}
div#\:\$p>svg>foreignObject>section [type=number]::-webkit-inner-spin-button,
div#\:\$p>svg>foreignObject>section [type=number]::-webkit-outer-spin-button {
height: auto
}
div#\:\$p>svg>foreignObject>section [type=search]::-webkit-search-cancel-button,
div#\:\$p>svg>foreignObject>section [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none
}
div#\:\$p>svg>foreignObject>section ::-webkit-input-placeholder {
color: inherit;
opacity: .54
}
div#\:\$p>svg>foreignObject>section ::-webkit-file-upload-button {
-webkit-appearance: button;
appearance: button;
font: inherit
}
div#\:\$p>svg>foreignObject>section a:hover {
text-decoration: underline
}
div#\:\$p>svg>foreignObject>section ::-moz-placeholder {
color: var(--fgColor-muted);
opacity: 1
}
div#\:\$p>svg>foreignObject>section ::placeholder {
color: var(--fgColor-muted);
opacity: 1
}
div#\:\$p>svg>foreignObject>section hr:after,
div#\:\$p>svg>foreignObject>section hr:before {
content: "";
display: table
}
div#\:\$p>svg>foreignObject>section hr:after {
clear: both
}
div#\:\$p>svg>foreignObject>section table {
border-collapse: collapse;
border-spacing: 0;
display: block;
font-variant: tabular-nums;
max-width: 100%;
overflow: auto;
width: -moz-max-content;
width: max-content
}
div#\:\$p>svg>foreignObject>section td,
div#\:\$p>svg>foreignObject>section th {
padding: 0
}
div#\:\$p>svg>foreignObject>section details summary {
cursor: pointer
}
div#\:\$p>svg>foreignObject>section [role=button]:focus,
div#\:\$p>svg>foreignObject>section a:focus,
div#\:\$p>svg>foreignObject>section input[type=checkbox]:focus,
div#\:\$p>svg>foreignObject>section input[type=radio]:focus {
box-shadow: none;
outline: 2px solid var(--focus-outlineColor);
outline-offset: -2px
}
div#\:\$p>svg>foreignObject>section [role=button]:focus:not(:focus-visible),
div#\:\$p>svg>foreignObject>section a:focus:not(:focus-visible),
div#\:\$p>svg>foreignObject>section input[type=checkbox]:focus:not(:focus-visible),
div#\:\$p>svg>foreignObject>section input[type=radio]:focus:not(:focus-visible) {
outline: 1px solid transparent
}
div#\:\$p>svg>foreignObject>section [role=button]:focus-visible,
div#\:\$p>svg>foreignObject>section a:focus-visible,
div#\:\$p>svg>foreignObject>section input[type=checkbox]:focus-visible,
div#\:\$p>svg>foreignObject>section input[type=radio]:focus-visible {
box-shadow: none;
outline: 2px solid var(--focus-outlineColor);
outline-offset: -2px
}
div#\:\$p>svg>foreignObject>section a:not([class]):focus,
div#\:\$p>svg>foreignObject>section a:not([class]):focus-visible,
div#\:\$p>svg>foreignObject>section input[type=checkbox]:focus,
div#\:\$p>svg>foreignObject>section input[type=checkbox]:focus-visible,
div#\:\$p>svg>foreignObject>section input[type=radio]:focus,
div#\:\$p>svg>foreignObject>section input[type=radio]:focus-visible {
outline-offset: 0
}
div#\:\$p>svg>foreignObject>section kbd {
background-color: var(--bgColor-muted);
border-bottom-color: var(--borderColor-neutral-muted);
border: 1px solid var(--borderColor-neutral-muted);
border-radius: 6px;
box-shadow: inset 0 -1px 0 var(--borderColor-neutral-muted);
color: var(--fgColor-default);
display: inline-block;
font: 11px var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
line-height: 10px;
padding: var(--base-size-4);
vertical-align: middle
}
div#\:\$p>svg>foreignObject>section :is(h1, marp-h1),
div#\:\$p>svg>foreignObject>section :is(h2, marp-h2),
div#\:\$p>svg>foreignObject>section :is(h3, marp-h3),
div#\:\$p>svg>foreignObject>section :is(h4, marp-h4),
div#\:\$p>svg>foreignObject>section :is(h5, marp-h5),
div#\:\$p>svg>foreignObject>section :is(h6, marp-h6) {
font-weight: var(--base-text-weight-semibold, 600);
line-height: 1.25;
margin-bottom: var(--base-size-16);
margin-top: var(--base-size-24)
}
div#\:\$p>svg>foreignObject>section :is(h2, marp-h2) {
border-bottom: 1px solid var(--borderColor-muted);
font-size: 1.5em;
padding-bottom: .3em
}
div#\:\$p>svg>foreignObject>section :is(h2, marp-h2),
div#\:\$p>svg>foreignObject>section :is(h3, marp-h3) {
font-weight: var(--base-text-weight-semibold, 600)
}
div#\:\$p>svg>foreignObject>section :is(h3, marp-h3) {
font-size: 1.25em
}
div#\:\$p>svg>foreignObject>section :is(h4, marp-h4) {
font-size: 1em
}
div#\:\$p>svg>foreignObject>section :is(h4, marp-h4),
div#\:\$p>svg>foreignObject>section :is(h5, marp-h5) {
font-weight: var(--base-text-weight-semibold, 600)
}
div#\:\$p>svg>foreignObject>section :is(h5, marp-h5) {
font-size: .875em
}
div#\:\$p>svg>foreignObject>section :is(h6, marp-h6) {
color: var(--fgColor-muted);
font-size: .85em;
font-weight: var(--base-text-weight-semibold, 600)
}
div#\:\$p>svg>foreignObject>section p {
margin-bottom: 10px;
margin-top: 0
}
div#\:\$p>svg>foreignObject>section blockquote {
border-left: .25em solid var(--borderColor-default);
color: var(--fgColor-muted);
margin: 0;
padding: 0 1em
}
div#\:\$p>svg>foreignObject>section ol,
div#\:\$p>svg>foreignObject>section ul {
margin-bottom: 0;
margin-top: 0;
padding-left: 2em
}
div#\:\$p>svg>foreignObject>section ol ol,
div#\:\$p>svg>foreignObject>section ul ol {
list-style-type: lower-roman
}
div#\:\$p>svg>foreignObject>section ol ol ol,
div#\:\$p>svg>foreignObject>section ol ul ol,
div#\:\$p>svg>foreignObject>section ul ol ol,
div#\:\$p>svg>foreignObject>section ul ul ol {
list-style-type: lower-alpha
}
div#\:\$p>svg>foreignObject>section dd {
margin-left: 0
}
div#\:\$p>svg>foreignObject>section code,
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre),
div#\:\$p>svg>foreignObject>section samp,
div#\:\$p>svg>foreignObject>section tt {
font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
font-size: 12px
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) {
margin-bottom: 0;
margin-top: 0;
word-wrap: normal
}
div#\:\$p>svg>foreignObject>section .octicon {
display: inline-block;
fill: currentColor;
overflow: visible !important;
vertical-align: text-bottom
}
div#\:\$p>svg>foreignObject>section input::-webkit-inner-spin-button,
div#\:\$p>svg>foreignObject>section input::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0
}
div#\:\$p>svg>foreignObject>section .mr-2 {
margin-right: var(--base-size-8, 8px) !important
}
div#\:\$p>svg>foreignObject>section:after,
div#\:\$p>svg>foreignObject>section:before {
display: table
}
div#\:\$p>svg>foreignObject>section:after {
clear: both
}
div#\:\$p>svg>foreignObject>section>:first-child {
margin-top: 0 !important
}
div#\:\$p>svg>foreignObject>section>:last-child {
margin-bottom: 0 !important
}
div#\:\$p>svg>foreignObject>section a:not([href]) {
color: inherit;
text-decoration: none
}
div#\:\$p>svg>foreignObject>section .absent {
color: var(--fgColor-danger)
}
div#\:\$p>svg>foreignObject>section .anchor {
float: left;
line-height: 1;
margin-left: -20px;
padding-right: var(--base-size-4)
}
div#\:\$p>svg>foreignObject>section .anchor:focus {
outline: none
}
div#\:\$p>svg>foreignObject>section blockquote,
div#\:\$p>svg>foreignObject>section details,
div#\:\$p>svg>foreignObject>section dl,
div#\:\$p>svg>foreignObject>section ol,
div#\:\$p>svg>foreignObject>section p,
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre),
div#\:\$p>svg>foreignObject>section table,
div#\:\$p>svg>foreignObject>section ul {
margin-bottom: var(--base-size-16);
margin-top: 0
}
div#\:\$p>svg>foreignObject>section blockquote>:first-child {
margin-top: 0
}
div#\:\$p>svg>foreignObject>section blockquote>:last-child {
margin-bottom: 0
}
div#\:\$p>svg>foreignObject>section :is(h1, marp-h1) .octicon-link,
div#\:\$p>svg>foreignObject>section :is(h2, marp-h2) .octicon-link,
div#\:\$p>svg>foreignObject>section :is(h3, marp-h3) .octicon-link,
div#\:\$p>svg>foreignObject>section :is(h4, marp-h4) .octicon-link,
div#\:\$p>svg>foreignObject>section :is(h5, marp-h5) .octicon-link,
div#\:\$p>svg>foreignObject>section :is(h6, marp-h6) .octicon-link {
color: var(--fgColor-default);
vertical-align: middle;
visibility: hidden
}
div#\:\$p>svg>foreignObject>section :is(h1, marp-h1):hover .anchor,
div#\:\$p>svg>foreignObject>section :is(h2, marp-h2):hover .anchor,
div#\:\$p>svg>foreignObject>section :is(h3, marp-h3):hover .anchor,
div#\:\$p>svg>foreignObject>section :is(h4, marp-h4):hover .anchor,
div#\:\$p>svg>foreignObject>section :is(h5, marp-h5):hover .anchor,
div#\:\$p>svg>foreignObject>section :is(h6, marp-h6):hover .anchor {
text-decoration: none
}
div#\:\$p>svg>foreignObject>section :is(h1, marp-h1):hover .anchor .octicon-link,
div#\:\$p>svg>foreignObject>section :is(h2, marp-h2):hover .anchor .octicon-link,
div#\:\$p>svg>foreignObject>section :is(h3, marp-h3):hover .anchor .octicon-link,
div#\:\$p>svg>foreignObject>section :is(h4, marp-h4):hover .anchor .octicon-link,
div#\:\$p>svg>foreignObject>section :is(h5, marp-h5):hover .anchor .octicon-link,
div#\:\$p>svg>foreignObject>section :is(h6, marp-h6):hover .anchor .octicon-link {
visibility: visible
}
div#\:\$p>svg>foreignObject>section :is(h1, marp-h1) code,
div#\:\$p>svg>foreignObject>section :is(h1, marp-h1) tt,
div#\:\$p>svg>foreignObject>section :is(h2, marp-h2) code,
div#\:\$p>svg>foreignObject>section :is(h2, marp-h2) tt,
div#\:\$p>svg>foreignObject>section :is(h3, marp-h3) code,
div#\:\$p>svg>foreignObject>section :is(h3, marp-h3) tt,
div#\:\$p>svg>foreignObject>section :is(h4, marp-h4) code,
div#\:\$p>svg>foreignObject>section :is(h4, marp-h4) tt,
div#\:\$p>svg>foreignObject>section :is(h5, marp-h5) code,
div#\:\$p>svg>foreignObject>section :is(h5, marp-h5) tt,
div#\:\$p>svg>foreignObject>section :is(h6, marp-h6) code,
div#\:\$p>svg>foreignObject>section :is(h6, marp-h6) tt {
font-size: inherit;
padding: 0 .2em
}
div#\:\$p>svg>foreignObject>section summary :is(h1, marp-h1),
div#\:\$p>svg>foreignObject>section summary :is(h2, marp-h2),
div#\:\$p>svg>foreignObject>section summary :is(h3, marp-h3),
div#\:\$p>svg>foreignObject>section summary :is(h4, marp-h4),
div#\:\$p>svg>foreignObject>section summary :is(h5, marp-h5),
div#\:\$p>svg>foreignObject>section summary :is(h6, marp-h6) {
display: inline-block
}
div#\:\$p>svg>foreignObject>section summary :is(h1, marp-h1) .anchor,
div#\:\$p>svg>foreignObject>section summary :is(h2, marp-h2) .anchor,
div#\:\$p>svg>foreignObject>section summary :is(h3, marp-h3) .anchor,
div#\:\$p>svg>foreignObject>section summary :is(h4, marp-h4) .anchor,
div#\:\$p>svg>foreignObject>section summary :is(h5, marp-h5) .anchor,
div#\:\$p>svg>foreignObject>section summary :is(h6, marp-h6) .anchor {
margin-left: -40px
}
div#\:\$p>svg>foreignObject>section summary :is(h1, marp-h1),
div#\:\$p>svg>foreignObject>section summary :is(h2, marp-h2) {
border-bottom: 0;
padding-bottom: 0
}
div#\:\$p>svg>foreignObject>section ol.no-list,
div#\:\$p>svg>foreignObject>section ul.no-list {
list-style-type: none;
padding: 0
}
div#\:\$p>svg>foreignObject>section ol[type="a s"] {
list-style-type: lower-alpha
}
div#\:\$p>svg>foreignObject>section ol[type="A s"] {
list-style-type: upper-alpha
}
div#\:\$p>svg>foreignObject>section ol[type="i s"] {
list-style-type: lower-roman
}
div#\:\$p>svg>foreignObject>section ol[type="I s"] {
list-style-type: upper-roman
}
div#\:\$p>svg>foreignObject>section div>ol:not([type]),
div#\:\$p>svg>foreignObject>section ol[type="1"] {
list-style-type: decimal
}
div#\:\$p>svg>foreignObject>section ol ol,
div#\:\$p>svg>foreignObject>section ol ul,
div#\:\$p>svg>foreignObject>section ul ol,
div#\:\$p>svg>foreignObject>section ul ul {
margin-bottom: 0;
margin-top: 0
}
div#\:\$p>svg>foreignObject>section li>p {
margin-top: var(--base-size-16)
}
div#\:\$p>svg>foreignObject>section li+li {
margin-top: .25em
}
div#\:\$p>svg>foreignObject>section dl {
padding: 0
}
div#\:\$p>svg>foreignObject>section dl dt {
font-size: 1em;
font-style: italic;
font-weight: var(--base-text-weight-semibold, 600);
margin-top: var(--base-size-16);
padding: 0
}
div#\:\$p>svg>foreignObject>section dl dd {
margin-bottom: var(--base-size-16);
padding: 0 var(--base-size-16)
}
div#\:\$p>svg>foreignObject>section table th {
font-weight: var(--base-text-weight-semibold, 600)
}
div#\:\$p>svg>foreignObject>section table td,
div#\:\$p>svg>foreignObject>section table th {
border: 1px solid var(--borderColor-default);
padding: 6px 13px
}
div#\:\$p>svg>foreignObject>section table td>:last-child {
margin-bottom: 0
}
div#\:\$p>svg>foreignObject>section table tr {
background-color: var(--bgColor-default);
border-top: 1px solid var(--borderColor-muted)
}
div#\:\$p>svg>foreignObject>section table tr:nth-child(2n) {
background-color: var(--bgColor-muted)
}
div#\:\$p>svg>foreignObject>section table img {
background-color: transparent
}
div#\:\$p>svg>foreignObject>section img[align=right] {
padding-left: 20px
}
div#\:\$p>svg>foreignObject>section img[align=left] {
padding-right: 20px
}
div#\:\$p>svg>foreignObject>section .emoji {
background-color: transparent;
max-width: none;
vertical-align: text-top
}
div#\:\$p>svg>foreignObject>section :is(span, marp-span).frame,
div#\:\$p>svg>foreignObject>section :is(span, marp-span).frame>:is(span, marp-span) {
display: block;
overflow: hidden
}
div#\:\$p>svg>foreignObject>section :is(span, marp-span).frame>:is(span, marp-span) {
border: 1px solid var(--borderColor-default);
float: left;
margin: 13px 0 0;
padding: 7px;
width: auto
}
div#\:\$p>svg>foreignObject>section :is(span, marp-span).frame :is(span, marp-span) img {
display: block;
float: left
}
div#\:\$p>svg>foreignObject>section :is(span, marp-span).frame :is(span, marp-span) :is(span, marp-span) {
clear: both;
color: var(--fgColor-default);
display: block;
padding: 5px 0 0
}
div#\:\$p>svg>foreignObject>section :is(span, marp-span).align-center {
clear: both;
display: block;
overflow: hidden
}
div#\:\$p>svg>foreignObject>section :is(span, marp-span).align-center>:is(span, marp-span) {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center
}
div#\:\$p>svg>foreignObject>section :is(span, marp-span).align-center :is(span, marp-span) img {
margin: 0 auto;
text-align: center
}
div#\:\$p>svg>foreignObject>section :is(span, marp-span).align-right {
clear: both;
display: block;
overflow: hidden
}
div#\:\$p>svg>foreignObject>section :is(span, marp-span).align-right>:is(span, marp-span) {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right
}
div#\:\$p>svg>foreignObject>section :is(span, marp-span).align-right :is(span, marp-span) img {
margin: 0;
text-align: right
}
div#\:\$p>svg>foreignObject>section :is(span, marp-span).float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden
}
div#\:\$p>svg>foreignObject>section :is(span, marp-span).float-left :is(span, marp-span) {
margin: 13px 0 0
}
div#\:\$p>svg>foreignObject>section :is(span, marp-span).float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden
}
div#\:\$p>svg>foreignObject>section :is(span, marp-span).float-right>:is(span, marp-span) {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right
}
div#\:\$p>svg>foreignObject>section code,
div#\:\$p>svg>foreignObject>section tt {
background-color: var(--bgColor-neutral-muted);
border-radius: 6px;
font-size: 85%;
margin: 0;
padding: .2em .4em;
white-space: break-spaces
}
div#\:\$p>svg>foreignObject>section code br,
div#\:\$p>svg>foreignObject>section tt br {
display: none
}
div#\:\$p>svg>foreignObject>section del code {
text-decoration: inherit
}
div#\:\$p>svg>foreignObject>section samp {
font-size: 85%
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) code {
font-size: 100%
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre)>code {
background: transparent;
border: 0;
margin: 0;
padding: 0;
white-space: pre;
word-break: normal
}
div#\:\$p>svg>foreignObject>section .highlight {
margin-bottom: var(--base-size-16)
}
div#\:\$p>svg>foreignObject>section .highlight :is(pre, marp-pre) {
margin-bottom: 0;
word-break: normal
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) {
background-color: var(--bgColor-muted);
border-radius: 6px;
color: var(--fgColor-default);
font-size: 85%;
line-height: 1.45;
overflow: auto;
padding: var(--base-size-16)
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) code,
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) tt {
display: inline;
line-height: inherit;
margin: 0;
overflow: visible;
padding: 0;
word-wrap: normal;
background-color: transparent;
border: 0
}
div#\:\$p>svg>foreignObject>section .csv-data td,
div#\:\$p>svg>foreignObject>section .csv-data th {
font-size: 12px;
line-height: 1;
overflow: hidden;
padding: 5px;
text-align: left;
white-space: nowrap
}
div#\:\$p>svg>foreignObject>section .csv-data .blob-num {
background: var(--bgColor-default);
border: 0;
padding: 10px var(--base-size-8) 9px;
text-align: right
}
div#\:\$p>svg>foreignObject>section .csv-data tr {
border-top: 0
}
div#\:\$p>svg>foreignObject>section .csv-data th {
background: var(--bgColor-muted);
border-top: 0;
font-weight: var(--base-text-weight-semibold, 600)
}
div#\:\$p>svg>foreignObject>section [data-footnote-ref]:before {
content: "["
}
div#\:\$p>svg>foreignObject>section [data-footnote-ref]:after {
content: "]"
}
div#\:\$p>svg>foreignObject>section .footnotes {
border-top: 1px solid var(--borderColor-default);
color: var(--fgColor-muted);
font-size: 12px
}
div#\:\$p>svg>foreignObject>section div#\:\$p>svg>foreignObject>section section.footnotes {
--marpit-root-font-size: 12px
}
div#\:\$p>svg>foreignObject>section .footnotes ol,
div#\:\$p>svg>foreignObject>section .footnotes ol ul {
padding-left: var(--base-size-16)
}
div#\:\$p>svg>foreignObject>section .footnotes ol ul {
display: inline-block;
margin-top: var(--base-size-16)
}
div#\:\$p>svg>foreignObject>section .footnotes li {
position: relative
}
div#\:\$p>svg>foreignObject>section .footnotes li:target:before {
border: 2px solid var(--borderColor-accent-emphasis);
border-radius: 6px;
bottom: calc(var(--base-size-8)*-1);
content: "";
left: calc(var(--base-size-24)*-1);
pointer-events: none;
position: absolute;
right: calc(var(--base-size-8)*-1);
top: calc(var(--base-size-8)*-1)
}
div#\:\$p>svg>foreignObject>section .footnotes li:target {
color: var(--fgColor-default)
}
div#\:\$p>svg>foreignObject>section .footnotes .data-footnote-backref g-emoji {
font-family: monospace
}
div#\:\$p>svg>foreignObject>section .pl-c {
color: var(--color-prettylights-syntax-comment)
}
div#\:\$p>svg>foreignObject>section .pl-c1,
div#\:\$p>svg>foreignObject>section .pl-s .pl-v {
color: var(--color-prettylights-syntax-constant)
}
div#\:\$p>svg>foreignObject>section .pl-e,
div#\:\$p>svg>foreignObject>section .pl-en {
color: var(--color-prettylights-syntax-entity)
}
div#\:\$p>svg>foreignObject>section .pl-s .pl-s1,
div#\:\$p>svg>foreignObject>section .pl-smi {
color: var(--color-prettylights-syntax-storage-modifier-import)
}
div#\:\$p>svg>foreignObject>section .pl-ent {
color: var(--color-prettylights-syntax-entity-tag)
}
div#\:\$p>svg>foreignObject>section .pl-k {
color: var(--color-prettylights-syntax-keyword)
}
div#\:\$p>svg>foreignObject>section .pl-pds,
div#\:\$p>svg>foreignObject>section .pl-s,
div#\:\$p>svg>foreignObject>section .pl-s .pl-pse .pl-s1,
div#\:\$p>svg>foreignObject>section .pl-sr,
div#\:\$p>svg>foreignObject>section .pl-sr .pl-cce,
div#\:\$p>svg>foreignObject>section .pl-sr .pl-sra,
div#\:\$p>svg>foreignObject>section .pl-sr .pl-sre {
color: var(--color-prettylights-syntax-string)
}
div#\:\$p>svg>foreignObject>section .pl-smw,
div#\:\$p>svg>foreignObject>section .pl-v {
color: var(--color-prettylights-syntax-variable)
}
div#\:\$p>svg>foreignObject>section .pl-bu {
color: var(--color-prettylights-syntax-brackethighlighter-unmatched)
}
div#\:\$p>svg>foreignObject>section .pl-ii {
background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
color: var(--color-prettylights-syntax-invalid-illegal-text)
}
div#\:\$p>svg>foreignObject>section .pl-c2 {
background-color: var(--color-prettylights-syntax-carriage-return-bg);
color: var(--color-prettylights-syntax-carriage-return-text)
}
div#\:\$p>svg>foreignObject>section .pl-sr .pl-cce {
color: var(--color-prettylights-syntax-string-regexp);
font-weight: 700
}
div#\:\$p>svg>foreignObject>section .pl-ml {
color: var(--color-prettylights-syntax-markup-list)
}
div#\:\$p>svg>foreignObject>section .pl-mh,
div#\:\$p>svg>foreignObject>section .pl-mh .pl-en,
div#\:\$p>svg>foreignObject>section .pl-ms {
color: var(--color-prettylights-syntax-markup-heading);
font-weight: 700
}
div#\:\$p>svg>foreignObject>section .pl-mi {
color: var(--color-prettylights-syntax-markup-italic);
font-style: italic
}
div#\:\$p>svg>foreignObject>section .pl-mb {
color: var(--color-prettylights-syntax-markup-bold);
font-weight: 700
}
div#\:\$p>svg>foreignObject>section .pl-md {
background-color: var(--color-prettylights-syntax-markup-deleted-bg);
color: var(--color-prettylights-syntax-markup-deleted-text)
}
div#\:\$p>svg>foreignObject>section .pl-mi1 {
background-color: var(--color-prettylights-syntax-markup-inserted-bg);
color: var(--color-prettylights-syntax-markup-inserted-text)
}
div#\:\$p>svg>foreignObject>section .pl-mc {
background-color: var(--color-prettylights-syntax-markup-changed-bg);
color: var(--color-prettylights-syntax-markup-changed-text)
}
div#\:\$p>svg>foreignObject>section .pl-mi2 {
background-color: var(--color-prettylights-syntax-markup-ignored-bg);
color: var(--color-prettylights-syntax-markup-ignored-text)
}
div#\:\$p>svg>foreignObject>section .pl-mdr {
color: var(--color-prettylights-syntax-meta-diff-range);
font-weight: 700
}
div#\:\$p>svg>foreignObject>section .pl-ba {
color: var(--color-prettylights-syntax-brackethighlighter-angle)
}
div#\:\$p>svg>foreignObject>section .pl-sg {
color: var(--color-prettylights-syntax-sublimelinter-gutter-mark)
}
div#\:\$p>svg>foreignObject>section .pl-corl {
color: var(--color-prettylights-syntax-constant-other-reference-link);
text-decoration: underline
}
div#\:\$p>svg>foreignObject>section [role=button]:focus:not(:focus-visible),
div#\:\$p>svg>foreignObject>section [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),
div#\:\$p>svg>foreignObject>section a:focus:not(:focus-visible),
div#\:\$p>svg>foreignObject>section button:focus:not(:focus-visible),
div#\:\$p>svg>foreignObject>section summary:focus:not(:focus-visible) {
box-shadow: none;
outline: none
}
div#\:\$p>svg>foreignObject>section [tabindex="0"]:focus:not(:focus-visible),
div#\:\$p>svg>foreignObject>section details-dialog:focus:not(:focus-visible) {
outline: none
}
div#\:\$p>svg>foreignObject>section g-emoji {
display: inline-block;
font-family: Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-size: 1em;
font-style: normal !important;
font-weight: var(--base-text-weight-normal, 400);
line-height: 1;
min-width: 1ch;
vertical-align: -.075em
}
div#\:\$p>svg>foreignObject>section g-emoji img {
height: 1em;
width: 1em
}
div#\:\$p>svg>foreignObject>section a:has(>p, >div, >:is(pre, marp-pre), >blockquote) {
display: block
}
div#\:\$p>svg>foreignObject>section a:has(>p, >div, >:is(pre, marp-pre), >blockquote):not(:has(.snippet-clipboard-content, >:is(pre, marp-pre))) {
width: -moz-fit-content;
width: fit-content
}
div#\:\$p>svg>foreignObject>section a:has(>p, >div, >:is(pre, marp-pre), >blockquote):has(.snippet-clipboard-content, >:is(pre, marp-pre)):focus-visible {
outline: 2px solid var(--focus-outlineColor);
outline-offset: 2px
}
div#\:\$p>svg>foreignObject>section .task-list-item {
list-style-type: none
}
div#\:\$p>svg>foreignObject>section .task-list-item label {
font-weight: var(--base-text-weight-normal, 400)
}
div#\:\$p>svg>foreignObject>section .task-list-item.enabled label {
cursor: pointer
}
div#\:\$p>svg>foreignObject>section .task-list-item+.task-list-item {
margin-top: var(--base-size-4)
}
div#\:\$p>svg>foreignObject>section .task-list-item .handle {
display: none
}
div#\:\$p>svg>foreignObject>section .task-list-item-checkbox {
margin: 0 .2em .25em -1.4em;
vertical-align: middle
}
div#\:\$p>svg>foreignObject>section ul:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em .25em .2em
}
div#\:\$p>svg>foreignObject>section ol:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em .25em .2em
}
div#\:\$p>svg>foreignObject>section .contains-task-list:focus-within .task-list-item-convert-container,
div#\:\$p>svg>foreignObject>section .contains-task-list:hover .task-list-item-convert-container {
clip-path: none;
display: block;
height: 24px;
overflow: visible;
width: auto
}
div#\:\$p>svg>foreignObject>section ::-webkit-calendar-picker-indicator {
filter: invert(50%)
}
div#\:\$p>svg>foreignObject>section .markdown-alert {
border-left: .25em solid var(--borderColor-default);
color: inherit;
margin-bottom: var(--base-size-16);
padding: var(--base-size-8) var(--base-size-16)
}
div#\:\$p>svg>foreignObject>section .markdown-alert>:first-child {
margin-top: 0
}
div#\:\$p>svg>foreignObject>section .markdown-alert>:last-child {
margin-bottom: 0
}
div#\:\$p>svg>foreignObject>section .markdown-alert .markdown-alert-title {
align-items: center;
display: flex;
font-weight: var(--base-text-weight-medium, 500);
line-height: 1
}
div#\:\$p>svg>foreignObject>section .markdown-alert.markdown-alert-note {
border-left-color: var(--borderColor-accent-emphasis)
}
div#\:\$p>svg>foreignObject>section .markdown-alert.markdown-alert-note .markdown-alert-title {
color: var(--fgColor-accent)
}
div#\:\$p>svg>foreignObject>section .markdown-alert.markdown-alert-important {
border-left-color: var(--borderColor-done-emphasis)
}
div#\:\$p>svg>foreignObject>section .markdown-alert.markdown-alert-important .markdown-alert-title {
color: var(--fgColor-done)
}
div#\:\$p>svg>foreignObject>section .markdown-alert.markdown-alert-warning {
border-left-color: var(--borderColor-attention-emphasis)
}
div#\:\$p>svg>foreignObject>section .markdown-alert.markdown-alert-warning .markdown-alert-title {
color: var(--fgColor-attention)
}
div#\:\$p>svg>foreignObject>section .markdown-alert.markdown-alert-tip {
border-left-color: var(--borderColor-success-emphasis)
}
div#\:\$p>svg>foreignObject>section .markdown-alert.markdown-alert-tip .markdown-alert-title {
color: var(--fgColor-success)
}
div#\:\$p>svg>foreignObject>section .markdown-alert.markdown-alert-caution {
border-left-color: var(--borderColor-danger-emphasis)
}
div#\:\$p>svg>foreignObject>section .markdown-alert.markdown-alert-caution .markdown-alert-title {
color: var(--fgColor-danger)
}
div#\:\$p>svg>foreignObject>section>:first-child>.heading-element:first-child {
margin-top: 0 !important
}
div#\:\$p>svg>foreignObject>section .highlight :is(pre, marp-pre):has(+.zeroclipboard-container) {
min-height: 52px
}
div#\:\$p>svg>foreignObject>section :is(h1, marp-h1) {
color: var(--h1-color);
font-size: 1.6em
}
div#\:\$p>svg>foreignObject>section :is(h1, marp-h1),
div#\:\$p>svg>foreignObject>section :is(h2, marp-h2) {
border-bottom: none
}
div#\:\$p>svg>foreignObject>section :is(h2, marp-h2) {
font-size: 1.3em
}
div#\:\$p>svg>foreignObject>section :is(h3, marp-h3) {
font-size: 1.1em
}
div#\:\$p>svg>foreignObject>section :is(h4, marp-h4) {
font-size: 1.05em
}
div#\:\$p>svg>foreignObject>section :is(h5, marp-h5) {
font-size: 1em
}
div#\:\$p>svg>foreignObject>section :is(h6, marp-h6) {
font-size: .9em
}
div#\:\$p>svg>foreignObject>section :is(h1, marp-h1) strong,
div#\:\$p>svg>foreignObject>section :is(h2, marp-h2) strong,
div#\:\$p>svg>foreignObject>section :is(h3, marp-h3) strong,
div#\:\$p>svg>foreignObject>section :is(h4, marp-h4) strong,
div#\:\$p>svg>foreignObject>section :is(h5, marp-h5) strong,
div#\:\$p>svg>foreignObject>section :is(h6, marp-h6) strong {
color: var(--heading-strong-color);
font-weight: inherit
}
div#\:\$p>svg>foreignObject>section :is(h1, marp-h1)::part(auto-scaling),
div#\:\$p>svg>foreignObject>section :is(h2, marp-h2)::part(auto-scaling),
div#\:\$p>svg>foreignObject>section :is(h3, marp-h3)::part(auto-scaling),
div#\:\$p>svg>foreignObject>section :is(h4, marp-h4)::part(auto-scaling),
div#\:\$p>svg>foreignObject>section :is(h5, marp-h5)::part(auto-scaling),
div#\:\$p>svg>foreignObject>section :is(h6, marp-h6)::part(auto-scaling) {
max-height: 563px
}
div#\:\$p>svg>foreignObject>section hr {
height: 0;
padding-top: .25em
}
div#\:\$p>svg>foreignObject>section img {
background-color: transparent
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) {
border: 1px solid var(--borderColor-default);
line-height: 1.15;
overflow: visible
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre)::part(auto-scaling) {
max-height: 529px
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs) {
color: var(--color-prettylights-syntax-storage-modifier-import)
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-doctag),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-keyword),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-meta .hljs-keyword),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-template-tag),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-template-variable),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-type),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-variable.language_) {
color: var(--color-prettylights-syntax-keyword)
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-title),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-title.class_),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-title.class_.inherited__),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-title.function_) {
color: var(--color-prettylights-syntax-entity)
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-attr),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-attribute),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-literal),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-meta),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-number),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-operator),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-selector-attr),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-selector-class),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-selector-id),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-variable) {
color: var(--color-prettylights-syntax-constant)
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-meta .hljs-string),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-regexp),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-string) {
color: var(--color-prettylights-syntax-string)
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-built_in),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-symbol) {
color: var(--color-prettylights-syntax-variable)
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-code),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-comment),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-formula) {
color: var(--color-prettylights-syntax-comment)
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-name),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-quote),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-selector-pseudo),
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-selector-tag) {
color: var(--color-prettylights-syntax-entity-tag)
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-subst) {
color: var(--color-prettylights-syntax-storage-modifier-import)
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-section) {
color: var(--color-prettylights-syntax-markup-heading);
font-weight: 700
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-bullet) {
color: var(--color-prettylights-syntax-markup-list)
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-emphasis) {
color: var(--color-prettylights-syntax-markup-italic);
font-style: italic
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-strong) {
color: var(--color-prettylights-syntax-markup-bold);
font-weight: 700
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-addition) {
background-color: var(--color-prettylights-syntax-markup-inserted-bg);
color: var(--color-prettylights-syntax-markup-inserted-text)
}
div#\:\$p>svg>foreignObject>section :is(pre, marp-pre) :where(.hljs-deletion) {
background-color: var(--color-prettylights-syntax-markup-deleted-bg);
color: var(--color-prettylights-syntax-markup-deleted-text)
}
div#\:\$p>svg>foreignObject>section footer,
div#\:\$p>svg>foreignObject>section header {
color: var(--header-footer-color);
font-size: 18px;
left: 30px;
margin: 0;
position: absolute
}
div#\:\$p>svg>foreignObject>section header {
top: 21px
}
div#\:\$p>svg>foreignObject>section footer {
bottom: 21px
}
div#\:\$p>svg>foreignObject>section {
--h1-color: light-dark(#246, #cee7ff);
--header-footer-color: light-dark(hsla(0, 0%, 40%, .75), hsla(0, 0%, 60%, .75));
--heading-strong-color: light-dark(#48c, #7bf);
--paginate-color: light-dark(#777, #999);
--base-size-4: 4px;
--base-size-8: 8px;
--base-size-16: 16px;
--base-size-24: 24px;
--base-size-40: 40px;
align-items: stretch;
display: block;
flex-flow: column nowrap;
font-size: 29px;
height: 720px;
padding: 78.5px;
place-content: safe center center;
width: 1280px
}
div#\:\$p>svg>foreignObject>section {
--marpit-root-font-size: 29px
}
div#\:\$p>svg>foreignObject>section>:last-child,
div#\:\$p>svg>foreignObject>section[data-footer]>:nth-last-child(2) {
margin-bottom: 0
}
div#\:\$p>svg>foreignObject>section>:first-child,
div#\:\$p>svg>foreignObject>section>header:first-child+* {
margin-top: 0
}
div#\:\$p>svg>foreignObject>section:after {
bottom: 21px;
color: var(--paginate-color);
font-size: 24px;
padding: 0;
position: absolute;
right: 30px
}
div#\:\$p>svg>foreignObject>section:after {
--marpit-root-font-size: 24px
}
div#\:\$p>svg>foreignObject>section[data-color] :is(h1, marp-h1),
div#\:\$p>svg>foreignObject>section[data-color] :is(h2, marp-h2),
div#\:\$p>svg>foreignObject>section[data-color] :is(h3, marp-h3),
div#\:\$p>svg>foreignObject>section[data-color] :is(h4, marp-h4),
div#\:\$p>svg>foreignObject>section[data-color] :is(h5, marp-h5),
div#\:\$p>svg>foreignObject>section[data-color] :is(h6, marp-h6) {
color: currentcolor
}
div#\:\$p>svg>foreignObject>section .header-content {
display: flex;
align-items: center;
width: 800px;
white-space: nowrap
}
div#\:\$p>svg>foreignObject>section .header-logo {
height: 14px;
filter: brightness(0) invert(1);
opacity: 0.8;
margin-right: 10px
}
div#\:\$p>svg>foreignObject>section {
font-family: 'Inter', 'Noto Sans JP', sans-serif;
font-size: calc(var(--marpit-root-font-size, 1rem) * 0.9);
color: #ffffff;
padding: 60px 60px 80px;
background: radial-gradient(circle at 50% 100%, rgba(30, 30, 30, 1) 0%, rgba(18, 18, 18, 1) 70%);
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
overflow: hidden
}
div#\:\$p>svg>foreignObject>section {
--marpit-root-font-size: calc(var(--marpit-root-font-size, 1rem) * 0.9)
}
div#\:\$p>svg>foreignObject>section * {
box-sizing: border-box
}
div#\:\$p>svg>foreignObject>section p,
div#\:\$p>svg>foreignObject>section li {
overflow-wrap: anywhere
}
div#\:\$p>svg>foreignObject>section.lead {
justify-content: center;
align-items: center;
text-align: center;
background: linear-gradient(180deg, #2e2e2e 0%, #1a1a1a 40%, #0a0a0a 100%)
}
div#\:\$p>svg>foreignObject>section.vcenter {
justify-content: center
}
div#\:\$p>svg>foreignObject>section::after {
font-size: calc(var(--marpit-root-font-size, 1rem) * 0.76);
font-weight: 700;
color: #555555;
letter-spacing: 0.05em
}
div#\:\$p>svg>foreignObject>section::after {
--marpit-root-font-size: calc(var(--marpit-root-font-size, 1rem) * 0.76)
}
div#\:\$p>svg>foreignObject>section header {
left: 60px;
top: 30px;
font-size: calc(var(--marpit-root-font-size, 1rem) * 0.9);
color: #666;
width: auto
}
div#\:\$p>svg>foreignObject>section footer {
color: #555555;
font-size: calc(var(--marpit-root-font-size, 1rem) * 0.76);
left: 60px;
text-align: left
}
div#\:\$p>svg>foreignObject>section :is(h1, marp-h1) {
color: #ffffff;
font-size: calc(var(--marpit-root-font-size, 1rem) * 1.6);
font-weight: 700;
line-height: 1.28;
letter-spacing: 0.01em;
margin: 0 0 0.48em;
padding-bottom: 14px;
text-align: left;
border-bottom: none;
background: linear-gradient(to right, #d4ff00 40px, transparent 40px) bottom left / 100% 3px no-repeat;
text-shadow: 0 0 10px rgba(212, 255, 0, 0.2)
}
div#\:\$p>svg>foreignObject>section :is(h2, marp-h2) {
color: #e8e8e8;
font-size: calc(var(--marpit-root-font-size, 1rem) * 1.12);
font-weight: 500;
line-height: 1.45;
letter-spacing: 0.01em;
margin: 0 0 0.78em;
padding-left: 0;
border-left: 0;
text-align: left
}
div#\:\$p>svg>foreignObject>section.lead :is(h1, marp-h1) {
text-align: center;
border-bottom: none;
background: linear-gradient(to right, transparent calc(50% - 24px), #d4ff00 calc(50% - 24px), #d4ff00 calc(50% + 24px), transparent calc(50% + 24px)) bottom / 100% 3px no-repeat;
margin: 0 auto 0.4em;
padding-bottom: 20px;
font-size: calc(var(--marpit-root-font-size, 1rem) * 3.2);
color: #ffffff;
text-shadow: none
}
div#\:\$p>svg>foreignObject>section.lead :is(h2, marp-h2) {
text-align: center;
color: #ffffff;
font-size: calc(var(--marpit-root-font-size, 1rem) * 1.16);
font-weight: 300;
margin: 0 0 0.2em;
padding-left: 0;
border-left: 0
}
div#\:\$p>svg>foreignObject>section :is(h3, marp-h3) {
color: #ffffff;
font-weight: 700;
font-size: calc(var(--marpit-root-font-size, 1rem) * 1.2)
}
div#\:\$p>svg>foreignObject>section.lead :is(h3, marp-h3) {
color: #ffffff;
font-size: calc(var(--marpit-root-font-size, 1rem) * 1.2);
font-weight: 300;
letter-spacing: 0.3em;
text-transform: uppercase;
margin-top: 10px
}
div#\:\$p>svg>foreignObject>section .card {
background: linear-gradient(180deg, #252525 0%, #181818 100%);
border-radius: 12px;
padding: 20px;
border: 1px solid #333333;
margin-bottom: calc(var(--marpit-root-font-size, 1rem) * 0.7);
box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.5)
}
div#\:\$p>svg>foreignObject>section .columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
align-items: stretch
}
div#\:\$p>svg>foreignObject>section .chip {
display: inline-block;
padding: 2px 10px;
border: 1px solid #d4ff00;
border-radius: 20px;
font-size: calc(var(--marpit-root-font-size, 1rem) * 0.9);
font-weight: 700;
margin-bottom: 10px;
color: #d4ff00;
text-transform: uppercase;
letter-spacing: 0.15em;
background-color: rgba(212, 255, 0, 0.05)
}
div#\:\$p>svg>foreignObject>section section.chip {
--marpit-root-font-size: calc(var(--marpit-root-font-size, 1rem) * 0.9)
}
div#\:\$p>svg>foreignObject>section blockquote {
border-left: 3px solid #555555;
background: #0f0f0f;
color: #ffffff;
padding: 14px 20px;
margin-top: 16px;
font-style: normal;
font-size: calc(var(--marpit-root-font-size, 1rem) * 0.9);
line-height: 1.8;
border-radius: 4px
}
div#\:\$p>svg>foreignObject>section blockquote strong {
color: #d4ff00
}
div#\:\$p>svg>foreignObject>section .accent {
color: #d4ff00;
font-weight: 700
}
div#\:\$p>svg>foreignObject>section .grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px
}
div#\:\$p>svg>foreignObject>section .member-card {
background: #1a1a1a;
border-radius: 10px;
padding: 15px;
border: 1px solid #2a2a2a
}
div#\:\$p>svg>foreignObject>section.dense .card {
padding: 14px;
margin-bottom: calc(var(--marpit-root-font-size, 1rem) * 0.48)
}
div#\:\$p>svg>foreignObject>section.dense p {
font-size: calc(var(--marpit-root-font-size, 1rem) * 0.78) !important;
line-height: 1.5 !important
}
div#\:\$p>svg>foreignObject>section.dense .chip {
font-size: calc(var(--marpit-root-font-size, 1rem) * 0.68) !important;
letter-spacing: 0.08em;
margin-bottom: 6px
}
div#\:\$p>svg>foreignObject>section.dense div#\:\$p>svg>foreignObject>section section.chip {
--marpit-root-font-size: calc(var(--marpit-root-font-size, 1rem) * 0.68) !important
}
div#\:\$p>svg>foreignObject>section.dense .grid-3 {
gap: 8px
}
div#\:\$p>svg>foreignObject>section.dense .columns {
gap: 16px
}
div#\:\$p>svg>foreignObject>section.member-page .grid-3 {
gap: 8px
}
div#\:\$p>svg>foreignObject>section.member-page .member-card {
min-height: 124px;
padding: 12px 13px !important;
display: flex;
flex-direction: column;
justify-content: flex-start
}
div#\:\$p>svg>foreignObject>section.member-page .member-row {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 8px
}
div#\:\$p>svg>foreignObject>section.member-page .member-row>div {
order: 1;
flex: 1;
min-width: 0
}
div#\:\$p>svg>foreignObject>section.member-page .member-row img {
order: 2;
width: 38px !important;
height: 38px !important;
margin-left: auto
}
div#\:\$p>svg>foreignObject>section.member-page .member-card p {
margin-top: 2px !important;
line-height: 1.5 !important
}
div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background="background"] {
columns: initial !important;
display: block !important;
padding: 0 !important
}
div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background="background"]::before,
div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background="background"]::after,
div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background="content"]::before,
div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background="content"]::after {
display: none !important
}
div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background="background"]>div[data-marpit-advanced-background-container] {
all: initial;
display: flex;
flex-direction: row;
height: 100%;
overflow: hidden;
width: 100%
}
div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background="background"]>div[data-marpit-advanced-background-container][data-marpit-advanced-background-direction="vertical"] {
flex-direction: column
}
div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background="background"][data-marpit-advanced-background-split]>div[data-marpit-advanced-background-container] {
width: var(--marpit-advanced-background-split, 50%)
}
div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background="background"][data-marpit-advanced-background-split="right"]>div[data-marpit-advanced-background-container] {
margin-left: calc(100% - var(--marpit-advanced-background-split, 50%))
}
div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background="background"]>div[data-marpit-advanced-background-container]>figure {
all: initial;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
flex: auto;
margin: 0
}
div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background="background"]>div[data-marpit-advanced-background-container]>figure>figcaption {
position: absolute;
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
white-space: nowrap;
width: 1px
}
div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background="content"],
div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background="pseudo"] {
background: transparent !important
}
div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background="pseudo"],
div#\:\$p>svg[data-marpit-svg]>foreignObject[data-marpit-advanced-background="pseudo"] {
pointer-events: none !important
}
div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background-split] {
width: 100%;
height: 100%
}