:root{--gray-0:#f8fafb;--gray-1:#f2f4f6;--gray-2:#ebedef;--gray-3:#e0e4e5;--gray-4:#d1d6d8;--gray-5:#b1b6b9;--gray-6:#979b9d;--gray-7:#7e8282;--gray-8:#666968;--gray-9:#50514f;--gray-10:#3a3a37;--gray-11:#252521;--gray-12:#121210;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--red-10:#b02525;--red-11:#962020;--red-12:#7d1a1a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--pink-10:#8c1941;--pink-11:#731536;--pink-12:#59102a;--purple-0:#f8f0fc;--purple-1:#f3d9fa;--purple-2:#eebefa;--purple-3:#e599f7;--purple-4:#da77f2;--purple-5:#cc5de8;--purple-6:#be4bdb;--purple-7:#ae3ec9;--purple-8:#9c36b5;--purple-9:#862e9c;--purple-10:#702682;--purple-11:#5a1e69;--purple-12:#44174f;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--violet-10:#5235ab;--violet-11:#462d91;--violet-12:#3a2578;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--indigo-10:#2f44ad;--indigo-11:#283a94;--indigo-12:#21307a;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--blue-10:#145591;--blue-11:#114678;--blue-12:#0d375e;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--cyan-10:#095c6b;--cyan-11:#074652;--cyan-12:#053038;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--teal-10:#066649;--teal-11:#054d37;--teal-12:#033325;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--green-10:#237032;--green-11:#1b5727;--green-12:#133d1b;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--lime-10:#4c7a0b;--lime-11:#3c6109;--lime-12:#2c4706;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--yellow-10:#b35c00;--yellow-11:#804200;--yellow-12:#663500;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f;--orange-10:#bf400d;--orange-11:#99330b;--orange-12:#802b09;--choco-0:#fff8dc;--choco-1:#fce1bc;--choco-2:#f7ca9e;--choco-3:#f1b280;--choco-4:#e99b62;--choco-5:#df8545;--choco-6:#d46e25;--choco-7:#bd5f1b;--choco-8:#a45117;--choco-9:#8a4513;--choco-10:#703a13;--choco-11:#572f12;--choco-12:#3d210d;--brown-0:#faf4eb;--brown-1:#ede0d1;--brown-2:#e0cab7;--brown-3:#d3b79e;--brown-4:#c5a285;--brown-5:#b78f6d;--brown-6:#a87c56;--brown-7:#956b47;--brown-8:#825b3a;--brown-9:#6f4b2d;--brown-10:#5e3a21;--brown-11:#4e2b15;--brown-12:#422412;--sand-0:#f8fafb;--sand-1:#e6e4dc;--sand-2:#d5cfbd;--sand-3:#c2b9a0;--sand-4:#aea58c;--sand-5:#9a9178;--sand-6:#867c65;--sand-7:#736a53;--sand-8:#5f5746;--sand-9:#4b4639;--sand-10:#38352d;--sand-11:#252521;--sand-12:#121210;--camo-0:#f9fbe7;--camo-1:#e8ed9c;--camo-2:#d2df4e;--camo-3:#c2ce34;--camo-4:#b5bb2e;--camo-5:#a7a827;--camo-6:#999621;--camo-7:#8c851c;--camo-8:#7e7416;--camo-9:#6d6414;--camo-10:#5d5411;--camo-11:#4d460e;--camo-12:#36300a;--jungle-0:#ecfeb0;--jungle-1:#def39a;--jungle-2:#d0e884;--jungle-3:#c2dd6e;--jungle-4:#b5d15b;--jungle-5:#a8c648;--jungle-6:#9bbb36;--jungle-7:#8fb024;--jungle-8:#84a513;--jungle-9:#7a9908;--jungle-10:#658006;--jungle-11:#516605;--jungle-12:#3d4d04}.add-record h1{margin:0}.add-record__subtitle{color:var(--gray-7);margin:.25rem 0 1.5rem}.add-record__group-callout{border:1px solid var(--blue-2);border-radius:var(--border-radius);background:var(--blue-0);color:var(--blue-9);gap:1rem;margin:0 0 1.5rem;padding:.875rem 1rem;display:grid}.add-record__group-callout>div:first-child{gap:.25rem;min-width:0;display:grid}.add-record__group-callout strong{color:var(--blue-9);font-size:14px;line-height:1.25}.add-record__group-callout span{color:var(--blue-9);font-size:13px;line-height:1.4}.add-record__group-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.add-record__group-link{color:var(--blue-9);text-decoration:underline;-webkit-text-decoration-color:var(--blue-3);text-decoration-color:var(--blue-3);text-underline-offset:2px;align-self:center;align-items:center;gap:.35em;padding:6px 0;font-size:14px;font-weight:600;display:inline-flex}.add-record__group-link:hover{color:var(--blue-7)}.add-record--form{box-sizing:border-box;width:min(100%,640px)}.add-record--form h1{margin-bottom:1.5rem}.add-record--form .health_record_form{width:100%}.add-record--form .add-record__form-nav{margin-bottom:1.25rem}.add-record--form .actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}@media (max-width:540px){.add-record--form .actions{flex-direction:column-reverse}.add-record--form .actions .btn{width:100%}}.add-record__recents{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1rem;display:flex}.add-record__recents-label{color:var(--gray-7);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;align-items:center;gap:.35em;font-size:12px;font-weight:600;display:inline-flex}.add-record__recents-label .icon{width:15px;height:15px}.add-record__recents-row{flex-wrap:wrap;gap:.4rem;min-width:0;display:flex}.add-record__recent-pill{border-radius:var(--radius-pill,999px);background:var(--blue-0);border:1px solid var(--blue-2);color:var(--brand-color2);align-items:center;gap:.35em;padding:5px 11px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.add-record__recent-pill:hover{border-color:var(--blue-3);color:var(--brand-color1);background:#fff}.add-record__recent-pill .icon{color:currentColor;width:15px;height:15px}.add-record__filter{margin:0 0 1.25rem}.add-record__filter-label{display:block;position:relative}.add-record__filter-icon{color:var(--gray-6);pointer-events:none;display:inline-flex;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.add-record__filter-icon .icon{width:18px;height:18px}.add-record__filter input{padding-left:36px;padding-right:36px}.add-record__filter-clear{width:24px;height:24px;color:var(--gray-7);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.add-record__filter-clear:hover{background:var(--gray-2);color:var(--gray-11)}.add-record__filter-clear .icon{width:16px;height:16px}.add-record__group{margin:0 0 1.5rem}.add-record__group[hidden]{display:none}.add-record__group-title{text-transform:uppercase;letter-spacing:.03em;color:var(--gray-9);margin:0 0 .6rem;font-size:13px;font-weight:700}.add-record__no-results{margin:.5rem 0}.add-record__grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;display:grid}.add-record__card[hidden]{display:none}.add-record__content h3{color:var(--gray-11);margin:0 0 .125rem;font-size:.9375rem;font-weight:600}@media (max-width:540px){.add-record__group-callout,.add-record__group-actions{flex-direction:column;align-items:stretch}.add-record__group-actions .btn{width:100%}}.add-record__card{background:var(--gray-0);border-radius:var(--border-radius);color:inherit;border:1px solid var(--gray-3);align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.add-record__card:hover{border-color:var(--brand-color4);background:var(--blue-0)}.add-record__icon{background:var(--gray-1);width:40px;height:40px;color:var(--gray-8);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.add-record__icon .icon{width:22px;height:22px}.add-record__content{flex:1;min-width:0}.add-record__content p{color:var(--gray-7);margin:0;font-size:.8125rem;line-height:1.4}
