/* Forms: newsletter, contact, volunteer and Request a device */

/* Forms */
.ttt-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.ttt-news-band .ttt-form{flex:1 1 320px;max-width:460px}
.ttt-inline{display:flex;gap:8px;flex-wrap:wrap}
.ttt-form input[type=text],.ttt-form input[type=email],.ttt-form input[type=tel],.ttt-form textarea{font:inherit;font-size:16px;padding:11px 14px;border-radius:14px;border:2px solid var(--ttt-line);background:var(--wp--preset--color--base);color:var(--wp--preset--color--contrast);width:100%;min-width:0}
.ttt-inline input{flex:1;border-radius:999px!important}
.ttt-warm .ttt-form input{border-color:rgba(35,35,35,.27);background:rgba(255,255,255,.55);color:#1A1A1A}
.ttt-form label{font-weight:700;font-size:14px;display:block;margin-bottom:4px}
.ttt-form p{margin:0 0 14px}
.ttt-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 16px}
.ttt-form fieldset{border:0;padding:0;margin:0 0 16px}
.ttt-form legend{font-weight:700;font-size:14px;padding:0;margin-bottom:6px}
.ttt-choices{display:flex;flex-wrap:wrap;gap:8px}
.ttt-choices label{display:inline-flex;align-items:center;gap:8px;font-weight:400;font-size:15px;border:1.5px solid var(--ttt-line);border-radius:999px;padding:8px 14px;min-height:44px;margin:0;cursor:pointer}
.ttt-choices label:has(input:checked){border-color:currentColor;font-weight:700}
.ttt-dark .ttt-choices label{border-color:rgba(247,244,236,.3)}
.ttt-dark .ttt-form input,.ttt-dark .ttt-form textarea{border-color:rgba(247,244,236,.3);background:rgba(0,0,0,.18);color:#F7F4EC}
.ttt-help{display:block;font-size:13px;opacity:.85;margin:0 0 6px!important}
.ttt-req{font-weight:400;opacity:.8}
.ttt-form-msg{min-height:20px;font-size:14px;margin:6px 0 0!important}
.ttt-form-msg.is-error{color:#A32D2D;font-weight:700}
.ttt-dark .ttt-form-msg.is-error,html[data-mode=dark] .ttt-form-msg.is-error{color:#FFB4A0}
.ttt-form-done{font-weight:700;font-size:17px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,currentColor 8%,transparent)}
.ttt-code{display:inline-block;font:500 26px/1 var(--wp--preset--font-family--mono);letter-spacing:.12em;padding:12px 18px;border:2px dashed var(--wp--preset--color--accent);border-radius:10px;background:var(--wp--preset--color--base)}
form[data-ttt-form] :is(input,textarea,select){box-sizing:border-box;max-width:100%}
.ttt-form-card .ttt-h3{font-size:calc(30px * var(--ttt-hs,1));margin-top:0}
.ttt-optins{display:grid;gap:10px;margin:8px 0 14px}
.ttt-optins label{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.ttt-optins input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--wp--preset--color--button)}
.ttt-opt{font-weight:400;color:var(--wp--preset--color--muted)}
html:not([data-mode=dark]) :is(.ttt-card,.is-style-ttt-card) :is(.ttt-eyebrow,.ttt-opt,.ttt-help,.ttt-req){color:#4f5a52;opacity:1}

/* Request a device form */
.ttt-reqform{max-width:760px}
.ttt-reqform :is(input,select,textarea){box-sizing:border-box;max-width:100%}
.ttt-reqform select,.ttt-reqform input[type=number],.ttt-reqform input[type=file]{font:inherit;font-size:16px;padding:10px 12px;border-radius:14px;border:2px solid var(--ttt-line);background:var(--wp--preset--color--base);color:var(--wp--preset--color--contrast);width:100%;min-width:0}
.ttt-reqform input[type=file]{padding:8px}
.ttt-reqform fieldset{margin:0 0 26px}
.ttt-reqform .ttt-part-h{font:700 20px/1.3 var(--wp--preset--font-family--body);color:var(--wp--preset--color--heading);margin:0 0 10px;padding:0}
.ttt-reqform .ttt-part-h:focus{outline:none}
.ttt-reqform label select,.ttt-reqform label input{margin-top:4px}
.ttt-progress{font-weight:700;font-size:14px;color:var(--wp--preset--color--muted);margin:0 0 16px!important}
.ttt-member{border:1.5px solid var(--ttt-line)!important;border-radius:16px;padding:14px 16px 4px!important;margin:0 0 14px!important;background:var(--wp--preset--color--surface)}
.ttt-member>legend{font-weight:700;padding:0 6px!important}
.ttt-member .ttt-race{margin:0 0 12px}
.ttt-member .ttt-choices label{font-weight:400}
.ttt-ferr{display:block;color:#A32D2D;font-size:14px;font-weight:700;margin-top:4px}
html[data-mode=dark] .ttt-ferr{color:#FFB4A0}
.ttt-reqform [aria-invalid=true]{border-color:#A32D2D!important}
.ttt-actions{display:flex;gap:10px;flex-wrap:wrap}
.ttt-linkbtn{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.ttt-outside{margin-top:6px}
.ttt-outside:focus,.ttt-form-done:focus{outline:none}
.ttt-outside h4{font:700 17px var(--wp--preset--font-family--body);margin:22px 0 10px}
.ttt-alts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.ttt-alt{display:flex;flex-direction:column;border:1.5px solid var(--ttt-line);border-radius:16px;padding:16px 18px;background:var(--wp--preset--color--base)}
.ttt-alt h4{margin:0 0 6px!important;font-size:16px!important}
.ttt-alt p{margin:0 0 12px;font-size:15px}
.ttt-alt p:last-child{margin:auto 0 0}
.ttt-alt .ttt-btn{text-decoration:none}