%%[[if edit]]%%.site-styles-wrapper #%outerId%{grid-column:span 2}%%[[endif]]%%%%[[if preview]]%%#%id%,#pagesafe-wrapper,#pagesafe-footer{display:none}%%[[endif]]%%%%[[if edit]]%%#%id%{font-family:'Helvetica Neue',sans-serif;background-color:%id=bgColor%;padding:40px 0 0 0;color:#ffffff;%[if %("%id=background%" == "image")%]%background-image:url(%id=bgImage%);%[if %("%id=cover%" == "cover")%]%background-repeat:no-repeat;background-position:center center;background-attachment:fixed;background-size:cover;%[else]%background-repeat:repeat;%[endif]%%[endif]%%[if %("%id=background%" == "warehouse")%]%background-image:url(%id=warehouse -href%);%[if %("%id=coverWarehouse%" == "coverWarehouse")%]%background-repeat:no-repeat;background-position:center center;background-attachment:fixed;background-size:cover;%[else]%background-repeat:repeat;%[endif]%%[endif]%}#%id% #cookie-warning{display:none}#%id% #pagesafe-wrapper{position:relative;margin:0 auto;max-width:400px}#%id% #pagesafe-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:%id=round%px}#%id% #pagesafe-wrapper.full-width:before,#%id% #pagesafe-wrapper.contain:before{background-color:%id=encloseBg%}#%id% #pagesafe-wrapper.full-width{max-width:100%}#%id% #pagesafe-wrapper.full-width:before{border-radius:0}#%id% #pagesafe{position:relative;margin:0 auto;padding:2rem;text-align:center}#%id% #pagesafe input{border-style:solid;border-width:1px;outline:none;text-align:center;padding:0.3rem;font-size:1.5rem;line-height:1.5rem;border-radius:%id=round%px;border-color:%id=inputBorder%;background-color:%id=inputColor%;color:%id=inputText%}#%id% #code{display:block;margin:0 auto;height:auto;width:100%;max-width:256px}#%id% .input-pin input{display:inline-block;width:50px;height:50px;margin:0 0.3rem}#%id% .input-pin.digits6 input{width:40px;height:40px}#%id% .input-pin.digits7 input{width:30px;height:30px;margin:0 0.05rem}#%id% #placeholder{margin:0;margin-top:1.25rem;color:%id=inputPlaceholder%}#%id% #icon{display:block;margin:0 auto 1rem;height:256px;width:256px}#%id% .iconic-lg,#%id% .iconic-md,#%id% .iconic-sm{display:none}#%id% .iconic-lg{%[if %("%id=padlock%" == "iconic-lg")%]%display:block;%[endif]%}#%id% .iconic-md{%[if %("%id=padlock%" == "iconic-md")%]%display:block;%[endif]%}#%id% .iconic-sm{%[if %("%id=padlock%" == "iconic-sm")%]%display:block;%[endif]%}#%id% #icon .iconic-lock-locked-loop,#%id% #icon .iconic-unlocked-loop,#%id% #icon .iconic-lock-unlocked-loop{stroke:%id=lockColor1%}#%id% #icon .iconic-lock-locked-body-main,#%id% #icon .iconic-lock-unlocked-body-main,#%id% #icon .iconic-lock-locked-body,#%id% #icon .iconic-lock-unlocked-body{fill:%id=lockColor2%}#%id% #icon .iconic-lock-locked-body-top,#%id% #icon .iconic-lock-locked-body-bottom,#%id% #icon .iconic-lock-unlocked-body-top,#%id% #icon .iconic-lock-unlocked-body-bottom{fill:%id=lockColor3%}#%id% #pagesafe-footer{width:100%;text-align:center;margin-top:40px;color:%id=footerColor[0]%}#%id% #pagesafe-footer a{color:%id=footerColor[1]%}#%id% #pagesafe-footer img{width:auto;height:auto;max-width:48px;margin:0 auto}#%id% input[type="number"]::-webkit-outer-spin-button,#%id% input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#%id% input[type="number"]{-moz-appearance:textfield}::-webkit-input-placeholder{color:%id=inputPlaceholder%}:-moz-placeholder{color:%id=inputPlaceholder%}::-moz-placeholder{color:%id=inputPlaceholder%}:-ms-input-placeholder{color:%id=inputPlaceholder%}.tall #%id%{display:none}%%[[endif]]%%