html_generator_styles.inc

// Generated from extras/resources/css_for_cfg_page.css.
// Do not edit this file manually; run generate_html_generator_styles.py.
const char styles[] SUPLA_WEB_PROGMEM =
    "<style>*,*::before,*::after{box-sizing:border-box}html:focus-within{scroll-b"
    "ehavior:smooth}html,body,h1,h2,h3,h4,p{font-family:\"Helvetica Neue\",Helvet"
    "ica,Arial,sans-serif;margin:0;padding:0}body{line-height:1.5;font-size:14px;"
    "background:#00d151;color:#fff}h1,h3{margin:10px 0;font-weight:300;font-size:"
    "23px}input,button,textarea,select{font:inherit}.wrapper{display:flex;flex-di"
    "rection:column;justify-content:center;min-height:100vh}.content{text-align:c"
    "enter;padding:20px 10px}#logo{display:inline-block;height:155px;background:#"
    "00d151}.box{background:white;color:black;border-radius:10px;padding:5px 10px"
    ";margin:10px 0;box-shadow:0 5px 6px rgba(0,0,0,.3)}.box h3{margin:0 0 5px}.f"
    "orm{text-align:left;max-width:500px;margin:-80px auto 0;padding:70px 10px 10"
    "px}#form_content{display:none}.form-field{display:flex;align-items:center;pa"
    "dding:8px 10px;border-top:1px solid #00d150;margin:0 -10px}.box>.form-field:"
    "first-of-type{border-top:0}.form-field label{width:250px;margin-right:5px;co"
    "lor:#00d150}@media (max-width:530px){.form-field{flex-direction:column}.form"
    "-field label{width:100%;margin:3px 0}}.form-field>div{width:100%}.form-field"
    " input:not([type=range]),.form-field select,.form-field textarea{width:100%;"
    "border:1px solid #ccc;border-radius:6px;padding:3px 8px;background:white}tex"
    "tarea{resize:vertical}.form-field select{padding-left:3px}.form-field.checkb"
    "ox label{width:100%;color:black;display:flex;align-items:center;gap:5px}.for"
    "m-field.right-checkbox label:last-child{width:100%;text-align:center}.hint{f"
    "ont-size:.8em;opacity:.8;margin-top:2px}.hint.warn,.hint.error{opacity:1;bor"
    "der-radius:6px;padding:4px 6px}.hint.warn{background:#fff3cd;color:#5c4300}."
    "hint.error{background:#f8d7da;color:#5c0008}a.wide-link,button{display:block"
    ";color:white;background:black;text-align:center;width:100%;border:0;border-r"
    "adius:10px;padding:10px;text-transform:uppercase;text-decoration:none;cursor"
    ":pointer;font-size:1.3em;margin-top:15px;box-shadow:0 5px 6px rgba(0,0,0,.3)"
    "}#msg{background:#ffe836;position:fixed;width:100%;padding:40px;color:#000;t"
    "op:0;left:0;box-shadow:0 1px 3px rgba(0,0,0,.3);text-align:center;font-size:"
    "26px}.box.collapsible h3{cursor:pointer}.box.collapsible h3:after{content:'"
    "\342\206\221';float:right}.box.collapsible.collapsed h3:after{content:'\342"
    "\206\223'}.box.collapsible.collapsed .form-field{display:none}.switch{positi"
    "on:relative;display:inline-block;width:51px;height:25px}.switch input{opacit"
    "y:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;backgr"
    "ound-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:ab"
    "solute;content:\"\";height:17px;width:17px;left:4px;bottom:4px;background-co"
    "lor:white;transition:.4s;border-radius:50%}input:checked+.slider{background-"
    "color:#00d151}input:focus+.slider{box-shadow:0 0 1px #00d151}input:checked+."
    "slider:before{transform:translateX(26px)}.range-slider{-webkit-appearance:no"
    "ne;padding-top:10px;width:100%;height:15px;border-radius:5px;background:#d3d"
    "3d3}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:n"
    "one;margin-top:-5px;width:25px;height:25px;border-radius:50%;background:#00d"
    "151;cursor:pointer}.range-slider::-moz-range-thumb{width:25px;height:25px;bo"
    "rder-radius:50%;background:#00d151;cursor:pointer}.card{background:#fff;bord"
    "er-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);padding:12px;color:#333;"
    "text-align:left}header{display:flex;align-items:center;gap:12px;margin-botto"
    "m:10px}table{width:100%;border-collapse:collapse;font-size:13px}thead th{bor"
    "der-bottom:2px solid #e6e8eb;padding:8px}td{padding:10px 8px;border-bottom:1"
    "px solid #f0f1f3;vertical-align:middle}.sensitive{transition:filter .15s eas"
    "e}.privacy-mode .sensitive{filter:blur(7px);pointer-events:none;user-select:"
    "none}#privacy-toggle{position:fixed;right:12px;top:12px;z-index:1000;display"
    ":inline-flex;align-items:center;justify-content:center;width:48px;height:48p"
    "x;margin:0;padding:0;border:0;border-radius:50%;background:#fff;color:#222;b"
    "ox-shadow:0 2px 8px rgb(0 0 0 / .3);cursor:pointer;-webkit-tap-highlight-col"
    "or:transparent}#privacy-toggle svg{width:26px;height:26px;fill:none;stroke:c"
    "urrentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#priva"
    "cy-toggle .icon-eye-off{display:none}#privacy-toggle[aria-pressed=\"true\"] "
    ".icon-eye{display:none}#privacy-toggle[aria-pressed=\"true\"] .icon-eye-off{"
    "display:block}#privacy-toggle:active{transform:scale(.94)}</style>";