.fbd{border:1px solid var(--line-strong);background:var(--paper);width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);font:16px/1.5 var(--body);border-radius:3px;padding:24px;overflow:auto;box-shadow:0 24px 64px #0003}.fbd::backdrop{background:#0008}:where(.fbd) :is(button,input,textarea){font:inherit;color:inherit}.fbd-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.fbd-head h2{font:500 24px/1.2 var(--display);letter-spacing:-.02em;margin:0}.fbd-close{width:var(--control-h);height:var(--control-h);color:var(--smoke-light);cursor:pointer;background:0 0;border:0;border-radius:3px;flex:none;margin-right:-10px;font-size:26px;line-height:1}.fbd-close:hover{color:var(--ink)}.fbd-lead{color:var(--smoke-light);margin:6px 0 20px;font-size:15px}.fbd-form{gap:18px;display:grid}.fbd-field{gap:6px;display:grid}.fbd-field>label,.fbd-label,.fbd-label-row>label,.fbd-kinds legend{font-size:14px;font-weight:500}.fbd-label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.fbd-count{color:var(--smoke-light);font-variant-numeric:tabular-nums;font-size:13px}.fbd-hint-inline{color:var(--smoke-light);font-weight:400}.fbd-hint{color:var(--smoke-light);margin:0;font-size:13px;line-height:1.45;display:block}.fbd :is(textarea,input[type=email]){width:100%;min-height:var(--control-h);border:1px solid var(--line-strong);background:#fff;border-radius:3px;padding:10px 12px;font-size:16px}.fbd textarea{resize:vertical;min-height:128px;line-height:1.5}.fbd-kinds{border:0;gap:6px;margin:0;padding:0;display:grid}.fbd-kinds legend{margin-bottom:6px;padding:0}.fbd-pills{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.fbd-pill{min-height:var(--control-h);border:1px solid var(--line-strong);color:var(--smoke-light);cursor:pointer;background:#fffdf8;border-radius:3px;justify-content:center;align-items:center;padding:0 6px;font-size:14px;font-weight:500;display:flex;position:relative}.fbd-pill input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.fbd-pill:hover{border-color:var(--ink);color:var(--ink)}.fbd-pill:has(input:checked){background:var(--ink);border-color:var(--ink);color:var(--paper)}.fbd-check{grid-template-columns:20px minmax(0,1fr);align-items:start;column-gap:12px;display:grid}.fbd-check input{width:20px;height:20px;accent-color:var(--ink);margin:2px 0 0}.fbd-check label{cursor:pointer;gap:2px;font-size:15px;display:grid}.fbd-check label>span:first-child{align-items:center;min-height:24px;display:flex}.fbd-picture-buttons{flex-wrap:wrap;gap:8px;display:flex}.fbd-picture-buttons[hidden],.fbd-preview[hidden],.fbd-file{display:none}.fbd-preview{justify-items:start;gap:8px;display:grid}.fbd-preview img{border:1px solid var(--line);background:var(--stage,#272e34);border-radius:3px;max-width:100%;max-height:180px;display:block}.fbd-ghost,.fbd-send{min-height:var(--control-h);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;padding:0 18px;font-size:15px;font-weight:500;display:inline-flex}.fbd-ghost{border:1px solid var(--line-strong);background:0 0}.fbd-ghost:hover{border-color:var(--ink)}.fbd-send{border:1px solid var(--ink);background:var(--ink);color:var(--paper)}.fbd-send:hover{background:var(--teal);border-color:var(--teal)}:is(.fbd-ghost,.fbd-send)[disabled]{opacity:.55;cursor:wait}.fbd :is(button,input,textarea,a):focus-visible{outline:3px solid var(--tomato);outline-offset:2px}.fbd-pill:has(input:focus-visible){outline:3px solid var(--tomato);outline-offset:2px}.fbd-fine{color:var(--smoke-light);margin:0;font-size:13px}.fbd-fine a{color:var(--ink);text-underline-offset:3px}.fbd-status{min-height:1.4em;color:var(--teal);margin:0;font-size:14px}.fbd-status:empty{min-height:0}.fbd-status.is-failed{color:var(--tomato-deep)}.fbd-actions{justify-content:flex-end;gap:10px;display:flex}.fbd-sent{gap:10px;margin-top:12px;display:grid}.fbd-sent p{margin:0}.fbd-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}@media (max-width:480px){.fbd{padding:20px 16px}.fbd-pills{grid-template-columns:repeat(2,minmax(0,1fr))}.fbd-picture-buttons>*{flex:100%}.fbd-actions>*{flex:1 1 0}}@media (prefers-reduced-motion:no-preference){.fbd[open]{animation:fbd-in var(--dur-fast,.2s) var(--ease-out,ease-out)}@keyframes fbd-in{0%{opacity:0;transform:translateY(8px)}}}