.blog-generic-tool{scroll-margin-top:6rem}.blog-generic-tool fieldset{border:1px solid #cbd5e1;border-radius:.6rem;min-width:0;margin:.5rem 0;padding:1rem}.blog-generic-tool legend{padding:0 .3rem;font-weight:650}.blog-generic-tool input:not([type=checkbox]),.blog-generic-tool select{color:#0f172a;width:100%;max-width:100%;font:inherit;background:#fff;border:1px solid #94a3b8;border-radius:.4rem;padding:.7rem;display:block}.blog-generic-tool label{margin:.65rem 0;display:block}.blog-generic-tool .blog-tool-check{align-items:flex-start;gap:.7rem;display:flex}.blog-generic-tool .blog-tool-check input{flex-shrink:0;width:1.1rem;height:1.1rem;margin-top:.35rem}.blog-generic-tool .blog-tool-rows{grid-column:1/-1}.blog-generic-tool .blog-tool-confirm{background:#f0fdfa;border:2px solid #0f766e;border-radius:.5rem;margin:1rem 0;padding:1rem}.blog-generic-tool .blog-tool-example{border-left:3px solid #0f766e;padding-left:1rem}.blog-generic-tool button:disabled{opacity:.5;cursor:not-allowed}.blog-generic-tool :-webkit-any(input,select,textarea,button):focus-visible{outline-offset:3px;outline:3px solid #0f766e}.blog-generic-tool :-moz-any(input,select,textarea,button):focus-visible{outline-offset:3px;outline:3px solid #0f766e}.blog-generic-tool :is(input,select,textarea,button):focus-visible{outline-offset:3px;outline:3px solid #0f766e}.blog-generic-tool .blog-actions{flex-wrap:wrap}@media (max-width:640px){.blog-generic-tool .blog-builder-fields{grid-template-columns:minmax(0,1fr)}}.blog-tool-rendered{overflow-wrap:anywhere;background:#fff;padding:1rem;overflow-x:auto}.blog-tool-rendered table{border-collapse:collapse;width:100%;min-width:560px}.blog-tool-rendered th,.blog-tool-rendered td{text-align:left;vertical-align:top;border:1px solid #c8d8cb;min-width:120px;padding:.75rem}.blog-tool-rendered th{background:#eaf2ed}