*,*:before,*:after{box-sizing:border-box}html,body,iframe,h1,h2,h3,h4,h5,h6,p,a,button,img,ol,ul,li,canvas{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}footer,header,section{display:block}ol,ul{list-style:none}html,body{width:100%;height:100%;font-optical-sizing:auto;font-weight:400}body{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:100dvw;overflow:hidden;background-image:url(/cms/advent2013/images/page/bg-texture.jpg);background-color:#e4f1ff;background-repeat:repeat}a,button{cursor:pointer}svg{display:block;width:100%;height:100%;pointer-events:none}main{--frame-padding: 1.2vw;width:100%;min-height:0;display:flex;justify-content:center;align-items:center;padding:0}.main-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100dvw;position:relative}.canvas-container{display:flex;align-items:center;justify-content:center;position:relative;width:calc(100% - 2 * var(--frame-padding));height:100%}.canvas-container canvas{display:block}.canvas-container canvas,.canvas-container .signature-container{display:block;transition:filter .2s}.canvas-container .fake-canvas{width:2750px;max-height:100%;aspect-ratio:2750/1385;display:flex;justify-content:center;align-items:center;position:relative}.canvas-container .fake-canvas:after{content:"";display:block;width:100%;height:100%;position:absolute;inset:0;background-color:#000c;opacity:0;visibility:hidden;transition:opacity .2s;z-index:3}header,footer{display:flex;width:100%;gap:1rem;max-width:max(64rem,var(--canvas-width, 179rem));align-items:center;padding:.625rem 1rem}footer{justify-content:flex-end}.logo-decko{color:#79a1c9}.logo-decko svg{width:5.125rem;height:100%;fill:#79a1c9;display:block}.logo-decko svg:hover{fill:#79a1c9}header>a,header>button{flex:0 1}header>img{flex:0 1 auto;min-width:0}.on-off-button{margin-left:auto}.on-off-button .on{display:none}.on-off-button .off{position:relative;top:2px}.on-off-button.off .off{display:none}.on-off-button.off .on{display:block}.hidden{display:none!important}.invisible{visibility:hidden;opacity:0;pointer-events:none}