body{--module-inline-margin:2rem;--module-block-margin:2rem;--inset-top:0px;--inset-right:0px;--inset-bottom:0px;--inset-left:0px;--darkmode:0;--main-color:#ff7f00;--background-color:#fff;--highlight-color:#f2f2f2;--border-color:#ddd;--box-shadow-color:hsla(0,0%,87%,.6);--font-color:#333;--link-color:#337ab7}body[data-theme=dark]{--darkmode:1;--main-color:#b95e02;--background-color:#2b2a33;--border-color:#5b5b5b;--box-shadow-color:rgba(91,91,91,.8);--font-color:#fbfbfe;--link-color:#579ad5;--highlight-color:#46464d}main>figure.addon{--mobile-breakpoint:800px;--top-margin:max(var(--inset-top,0px),var(--module-block-margin,0px));--bottom-margin:max(var(--inset-bottom,0px),var(--module-block-margin,0px));--left-margin:max(var(--inset-left,0px),var(--module-inline-margin,0px));--right-margin:0px;background-color:var(--background-color);border-radius:10px;box-shadow:3px 3px 3px 0 var(--box-shadow-color);display:none;grid-template-rows:max-content 1fr;left:var(--left-margin);max-height:calc(100vh - var(--top-margin) - var(--bottom-margin));max-width:450px;max-width:min(calc(100vw - var(--left-margin) - var(--right-margin)),450px);min-width:320px;overflow:hidden;position:absolute;top:var(--top-margin);transition:left .5s,top .5s,right .5s,bottom .5s,border-top-left-radius .5s,border-top-right-radius .5s;width:40%;width:40vw;z-index:20002}@media (max-width:800px){main{flex-direction:column}main>figure.addon{--right-margin:max(var(--inset-right,0px),var(--module-inline-margin,0px));max-height:calc(50vh - var(--top-margin) - var(--bottom-margin));max-width:min(calc(100vw - var(--left-margin) - var(--right-margin)),var(--mobile-breakpoint));right:var(--right-margin);width:100vw}}@media (max-width:380px){main>figure.addon{--module-inline-margin:0px}}