.chzzk-app{--site-content-width:1356px;--site-content-gutter:42px;--site-container-width:min(var(--site-content-width), calc(100% - 2 * var(--site-content-gutter)));position:relative}@media (min-width:1024px) and (max-width:1199px){.chzzk-app{--site-content-gutter:26px}}@media (max-width:1023px){.chzzk-app{--site-content-gutter:25px}}@media (max-width:639px){.chzzk-app{--site-content-gutter:16px}}
.site-footer{width:var(--site-container-width);border-top:1px solid var(--cz-line);color:var(--cz-muted);flex-wrap:wrap;align-items:center;gap:20px;margin:0 auto;padding:28px 0;font-size:12px;display:flex}.site-footer-brand{color:var(--cz-text);font-size:18px;font-weight:750}.site-footer nav{flex-wrap:wrap;flex:1;gap:16px;display:flex}.site-footer a:hover{color:var(--cz-green)}@media (max-width:600px){.site-footer{align-items:flex-start;padding:24px 0}.site-footer nav{flex-basis:100%;order:3}}.site-footer.site-footer--chzzk{margin:52px auto calc(110px + env(safe-area-inset-bottom,0px))}
.site-corner-ad{right:24px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:35;background:var(--cz-bg);width:300px;position:fixed;box-shadow:0 4px 24px #0006}.site-corner-ad-heading{height:32px;color:var(--cz-muted);justify-content:space-between;align-items:center;padding-left:10px;font-size:10px;display:flex}.site-corner-ad-heading button{width:32px;height:32px;color:var(--cz-text);cursor:pointer;background:0 0;border:0;place-items:center;font-size:22px;display:grid}.site-corner-ad-heading button:hover{background:#ffffff12}.site-corner-ad-content{line-height:0}@media (max-width:1107px){.site-corner-ad{display:none}}