@photonhealth/elements 0.23.3 → 0.23.5

package/dist/index.js

@@ -1369,7 +1369,7 @@ function createElement$1(tagName, isSVG = false, is = undefined) {
     is
   });
 }
-function Portal(props) {
+function Portal$1(props) {
   const {
       useShadow
     } = props,
@@ -2468,8 +2468,15 @@ const QueryDocumentKeys$1 = {
   EnumTypeDefinition: ['description', 'name', 'directives', 'values'],
   EnumValueDefinition: ['description', 'name', 'directives'],
   InputObjectTypeDefinition: ['description', 'name', 'directives', 'fields'],
-  DirectiveDefinition: ['description', 'name', 'arguments', 'locations'],
+  DirectiveDefinition: [
+    'description',
+    'name',
+    'arguments',
+    'directives',
+    'locations',
+  ],
   SchemaExtension: ['directives', 'operationTypes'],
+  DirectiveExtension: ['name', 'directives'],
   ScalarTypeExtension: ['name', 'directives'],
   ObjectTypeExtension: ['name', 'interfaces', 'directives', 'fields'],
   InterfaceTypeExtension: ['name', 'interfaces', 'directives', 'fields'],
@@ -2527,6 +2534,7 @@ var DirectiveLocation$1;
   DirectiveLocation['ENUM_VALUE'] = 'ENUM_VALUE';
   DirectiveLocation['INPUT_OBJECT'] = 'INPUT_OBJECT';
   DirectiveLocation['INPUT_FIELD_DEFINITION'] = 'INPUT_FIELD_DEFINITION';
+  DirectiveLocation['DIRECTIVE_DEFINITION'] = 'DIRECTIVE_DEFINITION';
 })(DirectiveLocation$1 || (DirectiveLocation$1 = {}));
 /**
  * The enum type representing the directive location values.
@@ -2577,6 +2585,7 @@ var Kind$1;
   Kind['INPUT_OBJECT_TYPE_DEFINITION'] = 'InputObjectTypeDefinition';
   Kind['DIRECTIVE_DEFINITION'] = 'DirectiveDefinition';
   Kind['SCHEMA_EXTENSION'] = 'SchemaExtension';
+  Kind['DIRECTIVE_EXTENSION'] = 'DirectiveExtension';
   Kind['SCALAR_TYPE_EXTENSION'] = 'ScalarTypeExtension';
   Kind['OBJECT_TYPE_EXTENSION'] = 'ObjectTypeExtension';
   Kind['INTERFACE_TYPE_EXTENSION'] = 'InterfaceTypeExtension';
@@ -4935,6 +4944,7 @@ let Parser$2 = class Parser {
    *   - UnionTypeExtension
    *   - EnumTypeExtension
    *   - InputObjectTypeDefinition
+   *   - DirectiveDefinitionExtension
    */
 
   parseTypeSystemExtension() {
@@ -4962,6 +4972,13 @@ let Parser$2 = class Parser {
 
         case 'input':
           return this.parseInputObjectTypeExtension();
+
+        case 'directive':
+          if (this._options.experimentalDirectivesOnDirectiveDefinitions) {
+            return this.parseDirectiveDefinitionExtension();
+          }
+
+          break;
       }
     }
 
@@ -5157,6 +5174,25 @@ let Parser$2 = class Parser {
       fields,
     });
   }
+
+  parseDirectiveDefinitionExtension() {
+    const start = this._lexer.token;
+    this.expectKeyword('extend');
+    this.expectKeyword('directive');
+    this.expectToken(TokenKind$1.AT);
+    const name = this.parseName();
+    const directives = this.parseConstDirectives();
+
+    if (directives.length === 0) {
+      throw this.unexpected();
+    }
+
+    return this.node(start, {
+      kind: Kind$1.DIRECTIVE_EXTENSION,
+      name,
+      directives,
+    });
+  }
   /**
    * ```
    * DirectiveDefinition :
@@ -5171,6 +5207,10 @@ let Parser$2 = class Parser {
     this.expectToken(TokenKind$1.AT);
     const name = this.parseName();
     const args = this.parseArgumentDefs();
+    const directives = this._options
+      .experimentalDirectivesOnDirectiveDefinitions
+      ? this.parseConstDirectives()
+      : [];
     const repeatable = this.expectOptionalKeyword('repeatable');
     this.expectKeyword('on');
     const locations = this.parseDirectiveLocations();
@@ -5179,6 +5219,7 @@ let Parser$2 = class Parser {
       description,
       name,
       arguments: args,
+      directives,
       repeatable,
       locations,
     });
@@ -5218,6 +5259,7 @@ let Parser$2 = class Parser {
    *   `ENUM_VALUE`
    *   `INPUT_OBJECT`
    *   `INPUT_FIELD_DEFINITION`
+   *   `DIRECTIVE_DEFINITION`
    */
 
   parseDirectiveLocation() {
@@ -6171,13 +6213,21 @@ const printDocASTReducer$1 = {
       join$1(['input', name, join$1(directives, ' '), block$1(fields)], ' '),
   },
   DirectiveDefinition: {
-    leave: ({ description, name, arguments: args, repeatable, locations }) =>
+    leave: ({
+      description,
+      name,
+      arguments: args,
+      directives,
+      repeatable,
+      locations,
+    }) =>
       wrap$4('', description, '\n') +
       'directive @' +
       name +
       (hasMultilineItems$1(args)
         ? wrap$4('(\n', indent$1(join$1(args, '\n')), '\n)')
         : wrap$4('(', join$1(args, ', '), ')')) +
+      wrap$4(' ', join$1(directives, ' ')) +
       (repeatable ? ' repeatable' : '') +
       ' on ' +
       join$1(locations, ' | '),
@@ -6239,6 +6289,10 @@ const printDocASTReducer$1 = {
     leave: ({ name, directives, fields }) =>
       join$1(['extend input', name, join$1(directives, ' '), block$1(fields)], ' '),
   },
+  DirectiveExtension: {
+    leave: ({ name, directives }) =>
+      join$1(['extend directive @' + name, join$1(directives, ' ')], ' '),
+  },
   // Schema Coordinates
   TypeCoordinate: {
     leave: ({ name }) => name,
@@ -20115,6 +20169,10 @@ var SexType$2;
   SexType2["Male"] = "MALE";
   SexType2["Unknown"] = "UNKNOWN";
 })(SexType$2 || (SexType$2 = {}));
+var ShortlinkType$1;
+(function(ShortlinkType2) {
+  ShortlinkType2["Marketplace"] = "MARKETPLACE";
+})(ShortlinkType$1 || (ShortlinkType$1 = {}));
 var SortByDirection$1;
 (function(SortByDirection2) {
   SortByDirection2["Asc"] = "ASC";
@@ -20126,17 +20184,17 @@ var SortByOption$1;
   SortByOption2["OrderReadyByTime"] = "ORDER_READY_BY_TIME";
 })(SortByOption$1 || (SortByOption$1 = {}));
 const SupervisorCardFragmentDoc$1 = { "kind": "Document", "definitions": [{ "kind": "FragmentDefinition", "name": { "kind": "Name", "value": "SupervisorCard" }, "typeCondition": { "kind": "NamedType", "name": { "kind": "Name", "value": "Supervisor" } }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "firstName" } }, { "kind": "Field", "name": { "kind": "Name", "value": "lastName" } }, { "kind": "Field", "name": { "kind": "Name", "value": "npi" } }] } }] };
-const CreateSupervisorMutationDocument$1 = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "mutation", "name": { "kind": "Name", "value": "CreateSupervisorMutation" }, "variableDefinitions": [{ "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "firstName" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "String" } } } }, { "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "lastName" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "String" } } } }, { "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "npi" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "String" } } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "createSupervisor" }, "arguments": [{ "kind": "Argument", "name": { "kind": "Name", "value": "input" }, "value": { "kind": "ObjectValue", "fields": [{ "kind": "ObjectField", "name": { "kind": "Name", "value": "firstName" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "firstName" } } }, { "kind": "ObjectField", "name": { "kind": "Name", "value": "lastName" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "lastName" } } }, { "kind": "ObjectField", "name": { "kind": "Name", "value": "npi" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "npi" } } }] } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "FragmentSpread", "name": { "kind": "Name", "value": "SupervisorCard" } }] } }] } }, { "kind": "FragmentDefinition", "name": { "kind": "Name", "value": "SupervisorCard" }, "typeCondition": { "kind": "NamedType", "name": { "kind": "Name", "value": "Supervisor" } }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "firstName" } }, { "kind": "Field", "name": { "kind": "Name", "value": "lastName" } }, { "kind": "Field", "name": { "kind": "Name", "value": "npi" } }] } }] };
+const CreateSupervisorMutationDocument$1 = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "mutation", "name": { "kind": "Name", "value": "CreateSupervisorMutation" }, "variableDefinitions": [{ "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "firstName" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "String" } } } }, { "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "lastName" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "String" } } } }, { "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "npi" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "String" } } } }, { "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "phone" } }, "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "PhoneNumber" } } }, { "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "address" } }, "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "AddressInput" } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "createSupervisor" }, "arguments": [{ "kind": "Argument", "name": { "kind": "Name", "value": "input" }, "value": { "kind": "ObjectValue", "fields": [{ "kind": "ObjectField", "name": { "kind": "Name", "value": "firstName" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "firstName" } } }, { "kind": "ObjectField", "name": { "kind": "Name", "value": "lastName" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "lastName" } } }, { "kind": "ObjectField", "name": { "kind": "Name", "value": "npi" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "npi" } } }, { "kind": "ObjectField", "name": { "kind": "Name", "value": "phone" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "phone" } } }, { "kind": "ObjectField", "name": { "kind": "Name", "value": "address" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "address" } } }] } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "FragmentSpread", "name": { "kind": "Name", "value": "SupervisorCard" } }] } }] } }, { "kind": "FragmentDefinition", "name": { "kind": "Name", "value": "SupervisorCard" }, "typeCondition": { "kind": "NamedType", "name": { "kind": "Name", "value": "Supervisor" } }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "firstName" } }, { "kind": "Field", "name": { "kind": "Name", "value": "lastName" } }, { "kind": "Field", "name": { "kind": "Name", "value": "npi" } }] } }] };
 const SearchTreatmentsDocument$1 = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "query", "name": { "kind": "Name", "value": "SearchTreatments" }, "variableDefinitions": [{ "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "filter" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "TreatmentFilter" } } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "treatments" }, "arguments": [{ "kind": "Argument", "name": { "kind": "Name", "value": "filter" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "filter" } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "name" } }] } }] } }] };
 const SearchTreatmentOptionsQueryDocument$1 = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "query", "name": { "kind": "Name", "value": "SearchTreatmentOptionsQuery" }, "variableDefinitions": [{ "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "filter" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "TreatmentFilter" } } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "treatments" }, "arguments": [{ "kind": "Argument", "name": { "kind": "Name", "value": "filter" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "filter" } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "__typename" } }, { "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "name" } }] } }] } }] };
-const MeUserQueryDocument$1 = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "query", "name": { "kind": "Name", "value": "MeUserQuery" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "me" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "credentials" } }, { "kind": "Field", "name": { "kind": "Name", "value": "address" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "state" } }] } }] } }] } }] };
+const MeUserQueryDocument$1 = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "query", "name": { "kind": "Name", "value": "MeUserQuery" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "me" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "credentials" } }, { "kind": "Field", "name": { "kind": "Name", "value": "address" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "state" } }] } }] } }] } }] };
 const SupervisorCardQueryDocument$1 = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "query", "name": { "kind": "Name", "value": "SupervisorCardQuery" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "supervisors" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "FragmentSpread", "name": { "kind": "Name", "value": "SupervisorCard" } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "mostRecentSupervisor" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }] } }] } }, { "kind": "FragmentDefinition", "name": { "kind": "Name", "value": "SupervisorCard" }, "typeCondition": { "kind": "NamedType", "name": { "kind": "Name", "value": "Supervisor" } }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "firstName" } }, { "kind": "Field", "name": { "kind": "Name", "value": "lastName" } }, { "kind": "Field", "name": { "kind": "Name", "value": "npi" } }] } }] };
 const documents$1 = {
   "\n  fragment SupervisorCard on Supervisor {\n    id\n    firstName\n    lastName\n    npi\n  }\n": SupervisorCardFragmentDoc$1,
-  "\n  mutation CreateSupervisorMutation($firstName: String!, $lastName: String!, $npi: String!) {\n    createSupervisor(input: { firstName: $firstName, lastName: $lastName, npi: $npi }) {\n      ...SupervisorCard\n    }\n  }\n": CreateSupervisorMutationDocument$1,
+  "\n  mutation CreateSupervisorMutation(\n    $firstName: String!\n    $lastName: String!\n    $npi: String!\n    $phone: PhoneNumber\n    $address: AddressInput\n  ) {\n    createSupervisor(\n      input: {\n        firstName: $firstName\n        lastName: $lastName\n        npi: $npi\n        phone: $phone\n        address: $address\n      }\n    ) {\n      ...SupervisorCard\n    }\n  }\n": CreateSupervisorMutationDocument$1,
   "\n  query SearchTreatments($filter: TreatmentFilter!) {\n    treatments(filter: $filter) {\n      id\n      name\n    }\n  }\n": SearchTreatmentsDocument$1,
   "\n  query SearchTreatmentOptionsQuery($filter: TreatmentFilter!) {\n    treatments(filter: $filter) {\n      __typename\n      id\n      name\n    }\n  }\n": SearchTreatmentOptionsQueryDocument$1,
-  "\n  query MeUserQuery {\n    me {\n      credentials\n      address {\n        state\n      }\n    }\n  }\n": MeUserQueryDocument$1,
+  "\n  query MeUserQuery {\n    me {\n      id\n      credentials\n      address {\n        state\n      }\n    }\n  }\n": MeUserQueryDocument$1,
   "\n  query SupervisorCardQuery {\n    supervisors {\n      ...SupervisorCard\n    }\n    mostRecentSupervisor {\n      id\n    }\n  }\n": SupervisorCardQueryDocument$1
 };
 function graphql$1(source) {
@@ -20163,6 +20221,7 @@ const SearchTreatmentOptionsQuery = graphql$1(`
 const MeUserQuery = graphql$1(`
   query MeUserQuery {
     me {
+      id
       credentials
       address {
         state
@@ -20180,9 +20239,23 @@ const SupervisorCardQuery = graphql$1(`
     }
   }
 `);
-const CreateSupervisorMutation = graphql$1(`
-  mutation CreateSupervisorMutation($firstName: String!, $lastName: String!, $npi: String!) {
-    createSupervisor(input: { firstName: $firstName, lastName: $lastName, npi: $npi }) {
+const CreateSupervisorMutation$1 = graphql$1(`
+  mutation CreateSupervisorMutation(
+    $firstName: String!
+    $lastName: String!
+    $npi: String!
+    $phone: PhoneNumber
+    $address: AddressInput
+  ) {
+    createSupervisor(
+      input: {
+        firstName: $firstName
+        lastName: $lastName
+        npi: $npi
+        phone: $phone
+        address: $address
+      }
+    ) {
       ...SupervisorCard
     }
   }
@@ -20831,6 +20904,43 @@ function createElement(tagName, isSVG = false, is = undefined) {
     is
   });
 }
+function Portal(props) {
+  const {
+      useShadow
+    } = props,
+    marker = document.createTextNode(""),
+    mount = () => props.mount || document.body,
+    owner = getOwner();
+  let content;
+  createEffect(() => {
+    content || (content = runWithOwner(owner, () => createMemo(() => props.children)));
+    const el = mount();
+    if (el instanceof HTMLHeadElement) {
+      const [clean, setClean] = createSignal(false);
+      const cleanup = () => setClean(true);
+      createRoot(dispose => insert(el, () => !clean() ? content() : dispose(), null));
+      onCleanup(cleanup);
+    } else {
+      const container = createElement(props.isSVG ? "g" : "div", props.isSVG),
+        renderRoot = useShadow && container.attachShadow ? container.attachShadow({
+          mode: "open"
+        }) : container;
+      Object.defineProperty(container, "_$host", {
+        get() {
+          return marker.parentNode;
+        },
+        configurable: true
+      });
+      insert(renderRoot, content);
+      el.appendChild(container);
+      props.ref && props.ref(container);
+      onCleanup(() => el.removeChild(container));
+    }
+  }, undefined, {
+    render: true
+  });
+  return marker;
+}
 function createDynamic(component, props) {
   const cached = createMemo(component);
   return createMemo(() => {
@@ -27319,8 +27429,15 @@ const QueryDocumentKeys = {
   EnumTypeDefinition: ['description', 'name', 'directives', 'values'],
   EnumValueDefinition: ['description', 'name', 'directives'],
   InputObjectTypeDefinition: ['description', 'name', 'directives', 'fields'],
-  DirectiveDefinition: ['description', 'name', 'arguments', 'locations'],
+  DirectiveDefinition: [
+    'description',
+    'name',
+    'arguments',
+    'directives',
+    'locations',
+  ],
   SchemaExtension: ['directives', 'operationTypes'],
+  DirectiveExtension: ['name', 'directives'],
   ScalarTypeExtension: ['name', 'directives'],
   ObjectTypeExtension: ['name', 'interfaces', 'directives', 'fields'],
   InterfaceTypeExtension: ['name', 'interfaces', 'directives', 'fields'],
@@ -27378,6 +27495,7 @@ var DirectiveLocation;
   DirectiveLocation['ENUM_VALUE'] = 'ENUM_VALUE';
   DirectiveLocation['INPUT_OBJECT'] = 'INPUT_OBJECT';
   DirectiveLocation['INPUT_FIELD_DEFINITION'] = 'INPUT_FIELD_DEFINITION';
+  DirectiveLocation['DIRECTIVE_DEFINITION'] = 'DIRECTIVE_DEFINITION';
 })(DirectiveLocation || (DirectiveLocation = {}));
 /**
  * The enum type representing the directive location values.
@@ -27428,6 +27546,7 @@ var Kind;
   Kind['INPUT_OBJECT_TYPE_DEFINITION'] = 'InputObjectTypeDefinition';
   Kind['DIRECTIVE_DEFINITION'] = 'DirectiveDefinition';
   Kind['SCHEMA_EXTENSION'] = 'SchemaExtension';
+  Kind['DIRECTIVE_EXTENSION'] = 'DirectiveExtension';
   Kind['SCALAR_TYPE_EXTENSION'] = 'ScalarTypeExtension';
   Kind['OBJECT_TYPE_EXTENSION'] = 'ObjectTypeExtension';
   Kind['INTERFACE_TYPE_EXTENSION'] = 'InterfaceTypeExtension';
@@ -29786,6 +29905,7 @@ let Parser$1 = class Parser {
    *   - UnionTypeExtension
    *   - EnumTypeExtension
    *   - InputObjectTypeDefinition
+   *   - DirectiveDefinitionExtension
    */
 
   parseTypeSystemExtension() {
@@ -29813,6 +29933,13 @@ let Parser$1 = class Parser {
 
         case 'input':
           return this.parseInputObjectTypeExtension();
+
+        case 'directive':
+          if (this._options.experimentalDirectivesOnDirectiveDefinitions) {
+            return this.parseDirectiveDefinitionExtension();
+          }
+
+          break;
       }
     }
 
@@ -30008,6 +30135,25 @@ let Parser$1 = class Parser {
       fields,
     });
   }
+
+  parseDirectiveDefinitionExtension() {
+    const start = this._lexer.token;
+    this.expectKeyword('extend');
+    this.expectKeyword('directive');
+    this.expectToken(TokenKind.AT);
+    const name = this.parseName();
+    const directives = this.parseConstDirectives();
+
+    if (directives.length === 0) {
+      throw this.unexpected();
+    }
+
+    return this.node(start, {
+      kind: Kind.DIRECTIVE_EXTENSION,
+      name,
+      directives,
+    });
+  }
   /**
    * ```
    * DirectiveDefinition :
@@ -30022,6 +30168,10 @@ let Parser$1 = class Parser {
     this.expectToken(TokenKind.AT);
     const name = this.parseName();
     const args = this.parseArgumentDefs();
+    const directives = this._options
+      .experimentalDirectivesOnDirectiveDefinitions
+      ? this.parseConstDirectives()
+      : [];
     const repeatable = this.expectOptionalKeyword('repeatable');
     this.expectKeyword('on');
     const locations = this.parseDirectiveLocations();
@@ -30030,6 +30180,7 @@ let Parser$1 = class Parser {
       description,
       name,
       arguments: args,
+      directives,
       repeatable,
       locations,
     });
@@ -30069,6 +30220,7 @@ let Parser$1 = class Parser {
    *   `ENUM_VALUE`
    *   `INPUT_OBJECT`
    *   `INPUT_FIELD_DEFINITION`
+   *   `DIRECTIVE_DEFINITION`
    */
 
   parseDirectiveLocation() {
@@ -31022,13 +31174,21 @@ const printDocASTReducer = {
       join(['input', name, join(directives, ' '), block(fields)], ' '),
   },
   DirectiveDefinition: {
-    leave: ({ description, name, arguments: args, repeatable, locations }) =>
+    leave: ({
+      description,
+      name,
+      arguments: args,
+      directives,
+      repeatable,
+      locations,
+    }) =>
       wrap$2('', description, '\n') +
       'directive @' +
       name +
       (hasMultilineItems(args)
         ? wrap$2('(\n', indent(join(args, '\n')), '\n)')
         : wrap$2('(', join(args, ', '), ')')) +
+      wrap$2(' ', join(directives, ' ')) +
       (repeatable ? ' repeatable' : '') +
       ' on ' +
       join(locations, ' | '),
@@ -31090,6 +31250,10 @@ const printDocASTReducer = {
     leave: ({ name, directives, fields }) =>
       join(['extend input', name, join(directives, ' '), block(fields)], ' '),
   },
+  DirectiveExtension: {
+    leave: ({ name, directives }) =>
+      join(['extend directive @' + name, join(directives, ' ')], ' '),
+  },
   // Schema Coordinates
   TypeCoordinate: {
     leave: ({ name }) => name,
@@ -42003,7 +42167,27 @@ function clickOutside(el, accessor) {
   onCleanup(() => document.body.removeEventListener("click", onClick));
 }
 
-var _tmpl$$x = /* @__PURE__ */ template(`<div class=relative>`), _tmpl$2$l$1 = /* @__PURE__ */ template(`<ul role=listbox tabindex=-1>`), _tmpl$3$e$1 = /* @__PURE__ */ template(`<div>`), _tmpl$4$d = /* @__PURE__ */ template(`<li class="relative cursor-default select-none py-2 px-3 text-gray-400"role=option aria-disabled=true tabindex=-1><span class="block truncate">`), _tmpl$5$8$1 = /* @__PURE__ */ template(`<li role=option tabindex=-1><span class="w-full truncate">`), _tmpl$6$4$1 = /* @__PURE__ */ template(`<button class="absolute inset-y-0 right-8 flex items-center px-1"aria-label="Clear selection"type=button><span class="text-sm text-gray-400">Clear`), _tmpl$7$2$1 = /* @__PURE__ */ template(`<button class="absolute inset-y-0 right-0 flex items-center rounded-r-md px-2"aria-label="Show options">`);
+const getScrollAncestors = (el) => {
+  const result = [];
+  let node = el.parentNode;
+  while (node) {
+    if (node instanceof Element) {
+      const { overflowX, overflowY } = getComputedStyle(node);
+      if (/(auto|scroll|overlay)/.test(`${overflowX}${overflowY}`)) {
+        result.push(node);
+      }
+      node = node.parentNode;
+    } else if (node instanceof ShadowRoot) {
+      node = node.host;
+    } else {
+      break;
+    }
+  }
+  result.push(window);
+  return result;
+};
+
+var _tmpl$$x = /* @__PURE__ */ template(`<div class=relative>`), _tmpl$2$l$1 = /* @__PURE__ */ template(`<ul class="z-2000 bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm"role=listbox tabindex=-1>`), _tmpl$3$e$1 = /* @__PURE__ */ template(`<div>`), _tmpl$4$d = /* @__PURE__ */ template(`<li class="relative cursor-default select-none py-2 px-3 text-gray-400"role=option aria-disabled=true tabindex=-1><span class="block truncate">`), _tmpl$5$8$1 = /* @__PURE__ */ template(`<li role=option tabindex=-1><span class="w-full truncate">`), _tmpl$6$4$1 = /* @__PURE__ */ template(`<button class="absolute inset-y-0 right-8 flex items-center px-1"aria-label="Clear selection"type=button><span class="text-sm text-gray-400">Clear`), _tmpl$7$2$1 = /* @__PURE__ */ template(`<button class="absolute inset-y-0 right-0 flex items-center rounded-r-md px-2"aria-label="Show options">`);
 const ComboBoxContext = createContext([{
   open: false,
   selected: {},
@@ -42059,34 +42243,87 @@ function ComboBox(props) {
 function ComboOptions(props) {
   const [state] = useContext(ComboBoxContext);
   let ref;
-  const calculateDropdownPosition = createMemo(() => {
-    if (state.open && ref?.getBoundingClientRect) {
-      const rect = ref.getBoundingClientRect();
-      const spaceBelow = window.innerHeight - rect.bottom;
-      const spaceAbove = rect.top;
-      return spaceBelow > spaceAbove ? "bottom" : "top";
-    }
-    return "bottom";
-  });
-  const classes = createMemo(() => {
-    return clsx("absolute z-10 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm", {
-      "bottom-full mb-1": calculateDropdownPosition() === "top",
-      "top-full mt-1": calculateDropdownPosition() === "bottom"
+  const [pos, setPos] = createSignal(null);
+  const updatePosition = () => {
+    if (!ref?.getBoundingClientRect) return;
+    const rect = ref.getBoundingClientRect();
+    const inputBottom = rect.top;
+    const inputTop = ref.parentElement?.getBoundingClientRect().top ?? rect.top;
+    const spaceBelow = window.innerHeight - inputBottom;
+    const spaceAbove = inputTop;
+    if (spaceBelow > spaceAbove) {
+      setPos({
+        top: inputBottom + 4,
+        left: rect.left,
+        width: rect.width
+      });
+    } else {
+      setPos({
+        bottom: window.innerHeight - inputTop + 4,
+        left: rect.left,
+        width: rect.width
+      });
+    }
+  };
+  createEffect(() => {
+    if (!state.open || !ref) {
+      setPos(null);
+      return;
+    }
+    updatePosition();
+    const onScroll = () => updatePosition();
+    const onResize = () => updatePosition();
+    const scrollTargets = getScrollAncestors(ref);
+    scrollTargets.forEach((t) => t.addEventListener("scroll", onScroll, {
+      passive: true
+    }));
+    window.addEventListener("resize", onResize, {
+      passive: true
+    });
+    onCleanup(() => {
+      scrollTargets.forEach((t) => t.removeEventListener("scroll", onScroll));
+      window.removeEventListener("resize", onResize);
     });
   });
+  const getMountTarget = () => {
+    if (!ref) return void 0;
+    const root = ref.getRootNode();
+    if (root instanceof ShadowRoot) return root;
+    return void 0;
+  };
   return (() => {
     var _el$2 = _tmpl$3$e$1();
     var _ref$ = ref;
     typeof _ref$ === "function" ? use(_ref$, _el$2) : ref = _el$2;
     insert(_el$2, createComponent(Show, {
       get when() {
-        return state.open;
+        return memo$1(() => !!state.open)() && pos();
       },
       get children() {
-        var _el$3 = _tmpl$2$l$1();
-        insert(_el$3, () => props.children);
-        createRenderEffect(() => className(_el$3, classes()));
-        return _el$3;
+        return createComponent(Portal, {
+          get mount() {
+            return getMountTarget();
+          },
+          get children() {
+            var _el$3 = _tmpl$2$l$1();
+            _el$3.style.setProperty("position", "fixed");
+            insert(_el$3, () => props.children);
+            createRenderEffect((_p$) => {
+              var _v$ = pos().top != null ? `${pos().top}px` : void 0, _v$2 = pos().bottom != null ? `${pos().bottom}px` : void 0, _v$3 = `${pos().left}px`, _v$4 = `${pos().width}px`;
+              _v$ !== _p$.e && ((_p$.e = _v$) != null ? _el$3.style.setProperty("top", _v$) : _el$3.style.removeProperty("top"));
+              _v$2 !== _p$.t && ((_p$.t = _v$2) != null ? _el$3.style.setProperty("bottom", _v$2) : _el$3.style.removeProperty("bottom"));
+              _v$3 !== _p$.a && ((_p$.a = _v$3) != null ? _el$3.style.setProperty("left", _v$3) : _el$3.style.removeProperty("left"));
+              _v$4 !== _p$.o && ((_p$.o = _v$4) != null ? _el$3.style.setProperty("width", _v$4) : _el$3.style.removeProperty("width"));
+              return _p$;
+            }, {
+              e: void 0,
+              t: void 0,
+              a: void 0,
+              o: void 0
+            });
+            return _el$3;
+          }
+        });
       }
     }));
     return _el$2;
@@ -42545,7 +42782,7 @@ const dispatchDatadogAction = (action, data, ref) => {
   ref?.dispatchEvent(event);
 };
 
-var _tmpl$$s = /* @__PURE__ */ template(`<div class="grid gap-6"><div class="flex flex-col gap-6"><div><div class="table bg-blue-50 text-blue-600 p-2 rounded-full mb-4"></div></div></div><div class="flex flex-col items-stretch gap-2">`);
+var _tmpl$$s$1 = /* @__PURE__ */ template(`<div class="grid gap-6"><div class="flex flex-col gap-6"><div><div class="table bg-blue-50 text-blue-600 p-2 rounded-full mb-4"></div></div></div><div class="flex flex-col items-stretch gap-2">`);
 function formatWarning(alerts) {
   const numAllergenWarnings = alerts.filter((alert) => alert.type === "ALLERGEN").length;
   const numInteractionWarnings = alerts.filter((alert) => alert.type === "DRUG").length;
@@ -42588,7 +42825,7 @@ function ScreeningAlertAcknowledgementDialog(props) {
       props.onRevisitPrescriptions();
     },
     get children() {
-      var _el$ = _tmpl$$s(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$2.nextSibling;
+      var _el$ = _tmpl$$s$1(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$2.nextSibling;
       var _ref$ = ref;
       typeof _ref$ === "function" ? use(_ref$, _el$) : ref = _el$;
       insert(_el$4, createComponent(Icon, {
@@ -43349,6 +43586,16 @@ const PrescribeEventDispatchProvider = (props) => {
     ref?.dispatchEvent(event);
   };
   const dispatchAnalyticsTrackEvent$1 = (category, event) => dispatchAnalyticsTrackEvent(category, event, ref);
+  const dispatchSupervisorError = (errors) => {
+    const event = new CustomEvent("photon-supervisor-error", {
+      composed: true,
+      bubbles: true,
+      detail: {
+        errors
+      }
+    });
+    ref?.dispatchEvent(event);
+  };
   const value = {
     dispatchFormValidate,
     dispatchDraftPrescriptionCreated,
@@ -43364,7 +43611,8 @@ const PrescribeEventDispatchProvider = (props) => {
     dispatchSignatureAttestationAgreed,
     dispatchSignatureAttestationCanceled,
     dispatchAttestationResolved,
-    dispatchAnalyticsTrackEvent: dispatchAnalyticsTrackEvent$1
+    dispatchAnalyticsTrackEvent: dispatchAnalyticsTrackEvent$1,
+    dispatchSupervisorError
   };
   return createComponent(PrescribeEventDispatchContext.Provider, {
     value,
@@ -53217,7 +53465,7 @@ gql`
   }
 `;
 const GetPatientPreferredPharmaciesAndAddress = gql`
-  query GetPatient($id: ID!) {
+  query GetPatientPreferredPharmaciesAndAddress($id: ID!) {
     patient(id: $id) {
       preferredPharmacies {
         id
@@ -55274,7 +55522,7 @@ function PharmacySearchInput(props) {
   });
 }
 
-var _tmpl$$9$1 = /* @__PURE__ */ template(`<div class=mt-4>`), _tmpl$2$7$1 = /* @__PURE__ */ template(`<div>`), _tmpl$3$4$1 = /* @__PURE__ */ template(`<button type=button aria-label="Set a location"class="text-left truncate text-blue-600 font-semibold text-sm flex items-center">`), _tmpl$4$4$1 = /* @__PURE__ */ template(`<div class="w-full flex flex-col sm:flex-row sm:items-center mb-2"><label class="whitespace-nowrap mr-1">Showing near:`);
+var _tmpl$$9$1 = /* @__PURE__ */ template(`<div class=mt-4>`), _tmpl$2$7$1 = /* @__PURE__ */ template(`<div>`), _tmpl$3$4$1 = /* @__PURE__ */ template(`<button type=button aria-label="Set a location"class="text-left truncate text-blue-600 font-semibold text-sm flex items-center">`), _tmpl$4$4$1 = /* @__PURE__ */ template(`<div class="w-full flex flex-col sm:flex-row sm:items-center mb-2"><label class="text-sm font-medium whitespace-nowrap mr-1">Showing near:`);
 const GetLastOrderQuery = gql`
   query GetLastOrder($id: ID!) {
     orders(filter: { patientId: $id }, first: 1) {
@@ -55947,6 +56195,10 @@ var SexType;
   SexType2["Male"] = "MALE";
   SexType2["Unknown"] = "UNKNOWN";
 })(SexType || (SexType = {}));
+var ShortlinkType;
+(function(ShortlinkType2) {
+  ShortlinkType2["Marketplace"] = "MARKETPLACE";
+})(ShortlinkType || (ShortlinkType = {}));
 var SortByDirection;
 (function(SortByDirection2) {
   SortByDirection2["Asc"] = "ASC";
@@ -55958,17 +56210,17 @@ var SortByOption;
   SortByOption2["OrderReadyByTime"] = "ORDER_READY_BY_TIME";
 })(SortByOption || (SortByOption = {}));
 const SupervisorCardFragmentDoc = { "kind": "Document", "definitions": [{ "kind": "FragmentDefinition", "name": { "kind": "Name", "value": "SupervisorCard" }, "typeCondition": { "kind": "NamedType", "name": { "kind": "Name", "value": "Supervisor" } }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "firstName" } }, { "kind": "Field", "name": { "kind": "Name", "value": "lastName" } }, { "kind": "Field", "name": { "kind": "Name", "value": "npi" } }] } }] };
-const CreateSupervisorMutationDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "mutation", "name": { "kind": "Name", "value": "CreateSupervisorMutation" }, "variableDefinitions": [{ "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "firstName" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "String" } } } }, { "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "lastName" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "String" } } } }, { "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "npi" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "String" } } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "createSupervisor" }, "arguments": [{ "kind": "Argument", "name": { "kind": "Name", "value": "input" }, "value": { "kind": "ObjectValue", "fields": [{ "kind": "ObjectField", "name": { "kind": "Name", "value": "firstName" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "firstName" } } }, { "kind": "ObjectField", "name": { "kind": "Name", "value": "lastName" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "lastName" } } }, { "kind": "ObjectField", "name": { "kind": "Name", "value": "npi" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "npi" } } }] } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "FragmentSpread", "name": { "kind": "Name", "value": "SupervisorCard" } }] } }] } }, { "kind": "FragmentDefinition", "name": { "kind": "Name", "value": "SupervisorCard" }, "typeCondition": { "kind": "NamedType", "name": { "kind": "Name", "value": "Supervisor" } }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "firstName" } }, { "kind": "Field", "name": { "kind": "Name", "value": "lastName" } }, { "kind": "Field", "name": { "kind": "Name", "value": "npi" } }] } }] };
+const CreateSupervisorMutationDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "mutation", "name": { "kind": "Name", "value": "CreateSupervisorMutation" }, "variableDefinitions": [{ "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "firstName" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "String" } } } }, { "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "lastName" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "String" } } } }, { "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "npi" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "String" } } } }, { "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "phone" } }, "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "PhoneNumber" } } }, { "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "address" } }, "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "AddressInput" } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "createSupervisor" }, "arguments": [{ "kind": "Argument", "name": { "kind": "Name", "value": "input" }, "value": { "kind": "ObjectValue", "fields": [{ "kind": "ObjectField", "name": { "kind": "Name", "value": "firstName" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "firstName" } } }, { "kind": "ObjectField", "name": { "kind": "Name", "value": "lastName" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "lastName" } } }, { "kind": "ObjectField", "name": { "kind": "Name", "value": "npi" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "npi" } } }, { "kind": "ObjectField", "name": { "kind": "Name", "value": "phone" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "phone" } } }, { "kind": "ObjectField", "name": { "kind": "Name", "value": "address" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "address" } } }] } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "FragmentSpread", "name": { "kind": "Name", "value": "SupervisorCard" } }] } }] } }, { "kind": "FragmentDefinition", "name": { "kind": "Name", "value": "SupervisorCard" }, "typeCondition": { "kind": "NamedType", "name": { "kind": "Name", "value": "Supervisor" } }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "firstName" } }, { "kind": "Field", "name": { "kind": "Name", "value": "lastName" } }, { "kind": "Field", "name": { "kind": "Name", "value": "npi" } }] } }] };
 const SearchTreatmentsDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "query", "name": { "kind": "Name", "value": "SearchTreatments" }, "variableDefinitions": [{ "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "filter" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "TreatmentFilter" } } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "treatments" }, "arguments": [{ "kind": "Argument", "name": { "kind": "Name", "value": "filter" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "filter" } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "name" } }] } }] } }] };
 const SearchTreatmentOptionsQueryDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "query", "name": { "kind": "Name", "value": "SearchTreatmentOptionsQuery" }, "variableDefinitions": [{ "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "filter" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "TreatmentFilter" } } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "treatments" }, "arguments": [{ "kind": "Argument", "name": { "kind": "Name", "value": "filter" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "filter" } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "__typename" } }, { "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "name" } }] } }] } }] };
-const MeUserQueryDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "query", "name": { "kind": "Name", "value": "MeUserQuery" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "me" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "credentials" } }, { "kind": "Field", "name": { "kind": "Name", "value": "address" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "state" } }] } }] } }] } }] };
+const MeUserQueryDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "query", "name": { "kind": "Name", "value": "MeUserQuery" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "me" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "credentials" } }, { "kind": "Field", "name": { "kind": "Name", "value": "address" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "state" } }] } }] } }] } }] };
 const SupervisorCardQueryDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "query", "name": { "kind": "Name", "value": "SupervisorCardQuery" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "supervisors" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "FragmentSpread", "name": { "kind": "Name", "value": "SupervisorCard" } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "mostRecentSupervisor" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }] } }] } }, { "kind": "FragmentDefinition", "name": { "kind": "Name", "value": "SupervisorCard" }, "typeCondition": { "kind": "NamedType", "name": { "kind": "Name", "value": "Supervisor" } }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "firstName" } }, { "kind": "Field", "name": { "kind": "Name", "value": "lastName" } }, { "kind": "Field", "name": { "kind": "Name", "value": "npi" } }] } }] };
 const documents = {
   "\n  fragment SupervisorCard on Supervisor {\n    id\n    firstName\n    lastName\n    npi\n  }\n": SupervisorCardFragmentDoc,
-  "\n  mutation CreateSupervisorMutation($firstName: String!, $lastName: String!, $npi: String!) {\n    createSupervisor(input: { firstName: $firstName, lastName: $lastName, npi: $npi }) {\n      ...SupervisorCard\n    }\n  }\n": CreateSupervisorMutationDocument,
+  "\n  mutation CreateSupervisorMutation(\n    $firstName: String!\n    $lastName: String!\n    $npi: String!\n    $phone: PhoneNumber\n    $address: AddressInput\n  ) {\n    createSupervisor(\n      input: {\n        firstName: $firstName\n        lastName: $lastName\n        npi: $npi\n        phone: $phone\n        address: $address\n      }\n    ) {\n      ...SupervisorCard\n    }\n  }\n": CreateSupervisorMutationDocument,
   "\n  query SearchTreatments($filter: TreatmentFilter!) {\n    treatments(filter: $filter) {\n      id\n      name\n    }\n  }\n": SearchTreatmentsDocument,
   "\n  query SearchTreatmentOptionsQuery($filter: TreatmentFilter!) {\n    treatments(filter: $filter) {\n      __typename\n      id\n      name\n    }\n  }\n": SearchTreatmentOptionsQueryDocument,
-  "\n  query MeUserQuery {\n    me {\n      credentials\n      address {\n        state\n      }\n    }\n  }\n": MeUserQueryDocument,
+  "\n  query MeUserQuery {\n    me {\n      id\n      credentials\n      address {\n        state\n      }\n    }\n  }\n": MeUserQueryDocument,
   "\n  query SupervisorCardQuery {\n    supervisors {\n      ...SupervisorCard\n    }\n    mostRecentSupervisor {\n      id\n    }\n  }\n": SupervisorCardQueryDocument
 };
 function graphql(source) {
@@ -55995,6 +56247,7 @@ graphql(`
 graphql(`
   query MeUserQuery {
     me {
+      id
       credentials
       address {
         state
@@ -56012,9 +56265,23 @@ graphql(`
     }
   }
 `);
-graphql(`
-  mutation CreateSupervisorMutation($firstName: String!, $lastName: String!, $npi: String!) {
-    createSupervisor(input: { firstName: $firstName, lastName: $lastName, npi: $npi }) {
+const CreateSupervisorMutation = graphql(`
+  mutation CreateSupervisorMutation(
+    $firstName: String!
+    $lastName: String!
+    $npi: String!
+    $phone: PhoneNumber
+    $address: AddressInput
+  ) {
+    createSupervisor(
+      input: {
+        firstName: $firstName
+        lastName: $lastName
+        npi: $npi
+        phone: $phone
+        address: $address
+      }
+    ) {
       ...SupervisorCard
     }
   }
@@ -56531,11 +56798,13 @@ function SendToPatient(props) {
   } = usePharmacySelectionContext();
   const [stpState, setStpState] = createSignal(stpStates.patientWillSelect);
   const [pharmacy, setPharmacy] = createSignal(void 0);
+  const inferSendToPatientPharmacy = createMemo(() => props.inferSendToPatientPharmacy ?? true);
   const queryOptions = createMemo(() => ({
     variables: {
       id: props.patientId
     },
-    client: client.apollo
+    client: client.apollo,
+    skip: !inferSendToPatientPharmacy()
   }));
   const preferredPharmaciesData = createQuery(GetPatientPreferredPharmaciesAndAddress, queryOptions);
   const lastOrderData = createQuery(GetLastOrderQuery, queryOptions);
@@ -56551,7 +56820,7 @@ function SendToPatient(props) {
     }
   });
   createEffect(() => {
-    if (notLoading()) {
+    if (notLoading() && inferSendToPatientPharmacy()) {
       const preferredPharmacies = preferredPharmaciesData()?.patient?.preferredPharmacies;
       const lastPharmacy = recentOrder()?.pharmacy;
       if ((preferredPharmacies?.length ?? 0) > 0) {
@@ -56579,6 +56848,7 @@ function SendToPatient(props) {
     }
   });
   createEffect(() => {
+    if (!inferSendToPatientPharmacy()) return;
     const coverageOption = selectedCoverageOption();
     const currentPharmacyId = pharmacyId();
     if (coverageOption && currentPharmacyId && coverageOption.pharmacy.id === currentPharmacyId) {
@@ -56646,7 +56916,7 @@ function SendToPatient(props) {
   });
 }
 
-var _tmpl$$4$1 = /* @__PURE__ */ template(`<div class=mb-2><label>Search home delivery options`);
+var _tmpl$$4$1 = /* @__PURE__ */ template(`<div class=mb-2><label class="text-sm font-medium">Search home delivery options`);
 function MailOrderPharmacySearch(props) {
   const client = usePhotonClient();
   const [loading, setLoading] = createSignal(false);
@@ -56716,7 +56986,7 @@ function MailOrderPharmacySearch(props) {
   }));
 }
 
-var _tmpl$$3$1 = /* @__PURE__ */ template(`<div>`), _tmpl$2$2$1 = /* @__PURE__ */ template(`<div class=space-y-4>`), _tmpl$3$2$1 = /* @__PURE__ */ template(`<div><div class=pt-4>`), _tmpl$4$2$1 = /* @__PURE__ */ template(`<div>Please select a patient.`), _tmpl$5$1$1 = /* @__PURE__ */ template(`<div class=space-y-2><label>Choose a partner pharmacy`);
+var _tmpl$$3$1 = /* @__PURE__ */ template(`<div>`), _tmpl$2$2$1 = /* @__PURE__ */ template(`<div class=space-y-4>`), _tmpl$3$2$1 = /* @__PURE__ */ template(`<div><div></div><div class=pt-4>`), _tmpl$4$2$1 = /* @__PURE__ */ template(`<div>Please select a patient.`), _tmpl$5$1$1 = /* @__PURE__ */ template(`<div class=space-y-2><label class="text-sm font-medium">Choose a partner pharmacy`);
 const fulfillmentOptions = [{
   name: "Send to Patient" /* sendToPatient */,
   fulfillmentType: "SEND_TO_PATIENT" /* sendToPatient */
@@ -56793,8 +57063,8 @@ function PharmacySelect(props) {
     }
   };
   return (() => {
-    var _el$ = _tmpl$3$2$1(), _el$2 = _el$.firstChild;
-    insert(_el$, createComponent(Tabs, {
+    var _el$ = _tmpl$3$2$1(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+    insert(_el$2, createComponent(Tabs, {
       get tabs() {
         return tabs();
       },
@@ -56802,14 +57072,14 @@ function PharmacySelect(props) {
         return activeTab();
       },
       setActiveTab: handleTabChange
-    }), _el$2);
-    insert(_el$2, createComponent(Show, {
+    }));
+    insert(_el$3, createComponent(Show, {
       get when() {
         return tabs().includes("Send to Patient" /* sendToPatient */);
       },
       get children() {
-        var _el$3 = _tmpl$$3$1();
-        insert(_el$3, createComponent(Show, {
+        var _el$4 = _tmpl$$3$1();
+        insert(_el$4, createComponent(Show, {
           get when() {
             return (props?.patientIds?.length || 0) > 0;
           },
@@ -56820,21 +57090,24 @@ function PharmacySelect(props) {
             return createComponent(SendToPatient, {
               get patientId() {
                 return props.patientIds[0];
+              },
+              get inferSendToPatientPharmacy() {
+                return props.inferSendToPatientPharmacy;
               }
             });
           }
         }));
-        createRenderEffect(() => className(_el$3, activeTab() !== "Send to Patient" /* sendToPatient */ ? "hidden" : ""));
-        return _el$3;
+        createRenderEffect(() => className(_el$4, activeTab() !== "Send to Patient" /* sendToPatient */ ? "hidden" : ""));
+        return _el$4;
       }
     }), null);
-    insert(_el$2, createComponent(Show, {
+    insert(_el$3, createComponent(Show, {
       get when() {
         return tabs().includes("Local Pickup" /* localPickup */);
       },
       get children() {
-        var _el$4 = _tmpl$$3$1();
-        insert(_el$4, createComponent(Show, {
+        var _el$5 = _tmpl$$3$1();
+        insert(_el$5, createComponent(Show, {
           get when() {
             return hasAddress();
           },
@@ -56859,6 +57132,9 @@ function PharmacySelect(props) {
                   pharmacySelectionContext.setPharmacyId(pharmacy.id);
                 }
               },
+              get hidePreferred() {
+                return !(props.enableSavingPreferredPharmacy ?? true);
+              },
               setPreferred: (shouldSetPreferred) => {
                 pharmacySelectionContext.setUpdatePreferredPharmacy(shouldSetPreferred);
                 dispatchAnalyticsTrackEvent("fieldInteraction", {
@@ -56872,17 +57148,17 @@ function PharmacySelect(props) {
             });
           }
         }));
-        createRenderEffect(() => className(_el$4, activeTab() !== "Local Pickup" /* localPickup */ ? "hidden" : ""));
-        return _el$4;
+        createRenderEffect(() => className(_el$5, activeTab() !== "Local Pickup" /* localPickup */ ? "hidden" : ""));
+        return _el$5;
       }
     }), null);
-    insert(_el$2, createComponent(Show, {
+    insert(_el$3, createComponent(Show, {
       get when() {
         return tabs().includes("Mail Order" /* mailOrder */);
       },
       get children() {
-        var _el$5 = _tmpl$$3$1();
-        insert(_el$5, createComponent(Show, {
+        var _el$6 = _tmpl$$3$1();
+        insert(_el$6, createComponent(Show, {
           get when() {
             return hasAddress();
           },
@@ -56894,8 +57170,8 @@ function PharmacySelect(props) {
             });
           },
           get children() {
-            var _el$6 = _tmpl$2$2$1();
-            insert(_el$6, createComponent(MailOrderPharmacySearch, {
+            var _el$7 = _tmpl$2$2$1();
+            insert(_el$7, createComponent(MailOrderPharmacySearch, {
               get selected() {
                 return mailOrderOption();
               },
@@ -56907,11 +57183,11 @@ function PharmacySelect(props) {
                 }
               }
             }), null);
-            insert(_el$6, (() => {
+            insert(_el$7, (() => {
               var _c$ = memo$1(() => (pharmacySelectionContext.mailOrderPharmacyIds()?.length ?? 0) > 0);
               return () => _c$() && (() => {
-                var _el$8 = _tmpl$5$1$1(); _el$8.firstChild;
-                insert(_el$8, createComponent(RadioGroupCards, {
+                var _el$9 = _tmpl$5$1$1(); _el$9.firstChild;
+                insert(_el$9, createComponent(RadioGroupCards, {
                   label: "Pharmacies",
                   get value() {
                     return mailOrderId();
@@ -56946,16 +57222,19 @@ function PharmacySelect(props) {
                     });
                   }
                 }), null);
-                return _el$8;
+                return _el$9;
               })();
             })(), null);
-            return _el$6;
+            return _el$7;
           }
         }));
-        createRenderEffect(() => className(_el$5, activeTab() !== "Mail Order" /* mailOrder */ ? "hidden" : ""));
-        return _el$5;
+        createRenderEffect(() => className(_el$6, activeTab() !== "Mail Order" /* mailOrder */ ? "hidden" : ""));
+        return _el$6;
       }
     }), null);
+    createRenderEffect(() => className(_el$2, clsx({
+      "sticky top-0 bg-white z-10": props.stickyTabHeader ?? false
+    })));
     return _el$;
   })();
 }
@@ -57013,6 +57292,7 @@ var _tmpl$$1$1 = /* @__PURE__ */ template(`<div class="flex justify-center w-ful
 const GetCurrentUserSignatureAttestationStatus = gql`
   query GetCurrentUserSignatureAttestationStatus {
     me {
+      id
       signatureAttestationStatus {
         ... on NeedsSignatureAttestation {
           version
@@ -57403,7 +57683,11 @@ class PhotonClientStore {
         isAuthenticated: authenticated
       });
       const user = await this.sdk.authentication.getUser();
-      const hasOrgs = !!this.sdk?.organization && !!user?.org_id;
+      const isUserLoggedIntoAnOrganization = !!user?.org_id;
+      const isOrganizationIdSelectedInPhotonClient = !!this.sdk?.organization;
+      if (!isOrganizationIdSelectedInPhotonClient && isUserLoggedIntoAnOrganization) {
+        this.sdk.setOrganization(user.org_id);
+      }
       let permissions = [];
       if (this.autoLogin || authenticated) {
         try {
@@ -57414,7 +57698,8 @@ class PhotonClientStore {
           permissions = [];
         }
       }
-      const isInOrg = authenticated && hasOrgs && this.sdk.organization === user.org_id;
+      const selectedOrganizationId = this.sdk?.organization;
+      const isInOrg = authenticated && isOrganizationIdSelectedInPhotonClient && isUserLoggedIntoAnOrganization && selectedOrganizationId === user.org_id;
       this.setStore("authentication", {
         ...this.store.authentication,
         user,
@@ -57561,6 +57846,82 @@ class PhotonClientStore {
   }
 }
 
+const SupervisorContext = createContext();
+const hasRequiredFields = (s) => Boolean(s.firstName && s.lastName && s.npi && s.phone && s.address && s.address.street1 && s.address.city && s.address.state && s.address.postalCode);
+const SupervisorProvider = (props) => {
+  const client = usePhotonClient();
+  const {
+    dispatchSupervisorError
+  } = usePrescribeEventDispatch();
+  const [resource] = createResource(() => props.supervisor ?? null, (raw) => createSupervisorFetch(client, raw));
+  const supervisorId = createMemo(() => resource()?.id);
+  createEffect(() => {
+    const errs = resource()?.errors;
+    if (errs && errs.length > 0) {
+      dispatchSupervisorError(errs);
+    }
+  });
+  const value = {
+    supervisorId,
+    loading: () => resource.loading
+  };
+  return createComponent(SupervisorContext.Provider, {
+    value,
+    get children() {
+      return props.children;
+    }
+  });
+};
+const createSupervisorFetch = async (client, supervisorPrefill) => {
+  if (typeof supervisorPrefill === "string") {
+    return {
+      errors: ["Invalid supervisor json passed in"]
+    };
+  }
+  if (!hasRequiredFields(supervisorPrefill)) {
+    return {
+      errors: ["Missing required supervisor fields"]
+    };
+  }
+  const parsed = supervisorPrefill;
+  try {
+    const result = await client.apolloClinical.mutate({
+      mutation: CreateSupervisorMutation,
+      variables: {
+        firstName: parsed.firstName,
+        lastName: parsed.lastName,
+        npi: parsed.npi,
+        phone: parsed.phone,
+        address: parsed.address
+      }
+    });
+    if (result.errors?.length) {
+      return {
+        errors: [result.errors[0].message]
+      };
+    }
+    if (!result.data) {
+      return {
+        errors: ["Supervisor creation failed"]
+      };
+    }
+    return {
+      id: result.data.createSupervisor.id
+    };
+  } catch (e) {
+    return {
+      errors: [e.message]
+    };
+  }
+};
+const useSupervisor = () => {
+  const context = useContext(SupervisorContext);
+  if (!context) {
+    throw new Error("useSupervisor must be used within SupervisorProvider");
+  }
+  return context;
+};
+
 /**
  * Creates a callback that is debounced and cancellable. The debounced callback is called on **trailing** edge.
  *
@@ -58426,11 +58787,11 @@ function checkHasPermission(subset, superset) {
   return subset.every((permission) => superset.includes(permission));
 }
 
-const version$1 = "0.23.3";
+const version$1 = "0.23.5";
 const pkg = {
   version: version$1};
 
-var _tmpl$$r = /* @__PURE__ */ template$1(`<slot>`), _tmpl$2$n = /* @__PURE__ */ template$1(`<div>`);
+var _tmpl$$s = /* @__PURE__ */ template$1(`<slot>`), _tmpl$2$n = /* @__PURE__ */ template$1(`<div>`);
 const version = pkg?.version;
 const Component$a = (props) => {
   let ref;
@@ -58531,7 +58892,7 @@ const Component$a = (props) => {
             return createComponent(SDKProvider, {
               client: sdk,
               get children() {
-                var _el$2 = _tmpl$$r();
+                var _el$2 = _tmpl$$s();
                 _el$2._$owner = getOwner();
                 return _el$2;
               }
@@ -58644,9 +59005,9 @@ customElement("photon-client", {
   }
 }, Component$a);
 
-const tailwind = " :host {} /*\n! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com\n*/ /*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\nbutton,\ninput:where([type=button]),\ninput:where([type=reset]),\ninput:where([type=submit]) {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n[type=search] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\nbutton,\n[role=button] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n\ninput:where([type=text]), input:where(:not([type])), input:where([type=email]), input:where([type=url]), input:where([type=password]), input:where([type=number]), input:where([type=date]), input:where([type=datetime-local]), input:where([type=month]), input:where([type=search]), input:where([type=tel]), input:where([type=time]), input:where([type=week]), select:where([multiple]), textarea, select {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: #fff;\n  border-color: #6b7280;\n  border-width: 1px;\n  border-radius: 0px;\n  padding-top: 0.5rem;\n  padding-right: 0.75rem;\n  padding-bottom: 0.5rem;\n  padding-left: 0.75rem;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  --tw-shadow: 0 0 #0000;\n}\n\ninput:where([type=text]):focus, input:where(:not([type])):focus, input:where([type=email]):focus, input:where([type=url]):focus, input:where([type=password]):focus, input:where([type=number]):focus, input:where([type=date]):focus, input:where([type=datetime-local]):focus, input:where([type=month]):focus, input:where([type=search]):focus, input:where([type=tel]):focus, input:where([type=time]):focus, input:where([type=week]):focus, select:where([multiple]):focus, textarea:focus, select:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: #175CD3;\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  border-color: #175CD3;\n}\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  color: #6b7280;\n  opacity: 1;\n}\n\ninput::placeholder, textarea::placeholder {\n  color: #6b7280;\n  opacity: 1;\n}\n\n::-webkit-datetime-edit-fields-wrapper {\n  padding: 0;\n}\n\n::-webkit-date-and-time-value {\n  min-height: 1.5em;\n  text-align: inherit;\n}\n\n::-webkit-datetime-edit {\n  display: inline-flex;\n}\n\n::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\nselect {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");\n  background-position: right 0.5rem center;\n  background-repeat: no-repeat;\n  background-size: 1.5em 1.5em;\n  padding-right: 2.5rem;\n  -webkit-print-color-adjust: exact;\n          print-color-adjust: exact;\n}\n\nselect:where([multiple]), select:where([size]:not([size=\"1\"])) {\n  background-image: initial;\n  background-position: initial;\n  background-repeat: unset;\n  background-size: initial;\n  padding-right: 0.75rem;\n  -webkit-print-color-adjust: unset;\n          print-color-adjust: unset;\n}\n\ninput:where([type=checkbox]), input:where([type=radio]) {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  padding: 0;\n  -webkit-print-color-adjust: exact;\n          print-color-adjust: exact;\n  display: inline-block;\n  vertical-align: middle;\n  background-origin: border-box;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  flex-shrink: 0;\n  height: 1rem;\n  width: 1rem;\n  color: #175CD3;\n  background-color: #fff;\n  border-color: #6b7280;\n  border-width: 1px;\n  --tw-shadow: 0 0 #0000;\n}\n\ninput:where([type=checkbox]) {\n  border-radius: 0px;\n}\n\ninput:where([type=radio]) {\n  border-radius: 100%;\n}\n\ninput:where([type=checkbox]):focus, input:where([type=radio]):focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n  --tw-ring-offset-width: 2px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: #175CD3;\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n\ninput:where([type=checkbox]):checked, input:where([type=radio]):checked {\n  border-color: transparent;\n  background-color: currentColor;\n  background-size: 100% 100%;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n\ninput:where([type=checkbox]):checked {\n  background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e\");\n}\n\n@media (forced-colors: active) {\n  input:where([type=checkbox]):checked {\n    -webkit-appearance: auto;\n       -moz-appearance: auto;\n            appearance: auto;\n  }\n}\ninput:where([type=radio]):checked {\n  background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\");\n}\n\n@media (forced-colors: active) {\n  input:where([type=radio]):checked {\n    -webkit-appearance: auto;\n       -moz-appearance: auto;\n            appearance: auto;\n  }\n}\ninput:where([type=checkbox]):checked:hover, input:where([type=checkbox]):checked:focus, input:where([type=radio]):checked:hover, input:where([type=radio]):checked:focus {\n  border-color: transparent;\n  background-color: currentColor;\n}\n\ninput:where([type=checkbox]):indeterminate {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e\");\n  border-color: transparent;\n  background-color: currentColor;\n  background-size: 100% 100%;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n\n@media (forced-colors: active) {\n  input:where([type=checkbox]):indeterminate {\n    -webkit-appearance: auto;\n       -moz-appearance: auto;\n            appearance: auto;\n  }\n}\ninput:where([type=checkbox]):indeterminate:hover, input:where([type=checkbox]):indeterminate:focus {\n  border-color: transparent;\n  background-color: currentColor;\n}\n\ninput:where([type=file]) {\n  background: unset;\n  border-color: inherit;\n  border-width: 0;\n  border-radius: 0;\n  padding: 0;\n  font-size: unset;\n  line-height: inherit;\n}\n\ninput:where([type=file]):focus {\n  outline: 1px solid ButtonText;\n  outline: 1px auto -webkit-focus-ring-color;\n}\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(21 112 239 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n  --tw-contain-size: ;\n  --tw-contain-layout: ;\n  --tw-contain-paint: ;\n  --tw-contain-style: ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(21 112 239 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n  --tw-contain-size: ;\n  --tw-contain-layout: ;\n  --tw-contain-paint: ;\n  --tw-contain-style: ;\n}\n\n.container {\n  width: 100%;\n}\n\n@media (min-width: 475px) {\n  .container {\n    max-width: 475px;\n  }\n}\n@media (min-width: 640px) {\n  .container {\n    max-width: 640px;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 768px;\n  }\n}\n@media (min-width: 1024px) {\n  .container {\n    max-width: 1024px;\n  }\n}\n@media (min-width: 1280px) {\n  .container {\n    max-width: 1280px;\n  }\n}\n@media (min-width: 1536px) {\n  .container {\n    max-width: 1536px;\n  }\n}\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n\n.pointer-events-none {\n  pointer-events: none;\n}\n\n.visible {\n  visibility: visible;\n}\n\n.invisible {\n  visibility: hidden;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.relative {\n  position: relative;\n}\n\n.sticky {\n  position: sticky;\n}\n\n.inset-0 {\n  inset: 0px;\n}\n\n.inset-y-0 {\n  top: 0px;\n  bottom: 0px;\n}\n\n.-bottom-8 {\n  bottom: -2rem;\n}\n\n.bottom-full {\n  bottom: 100%;\n}\n\n.left-0 {\n  left: 0px;\n}\n\n.right-0 {\n  right: 0px;\n}\n\n.right-8 {\n  right: 2rem;\n}\n\n.top-0 {\n  top: 0px;\n}\n\n.top-full {\n  top: 100%;\n}\n\n.isolate {\n  isolation: isolate;\n}\n\n.z-10 {\n  z-index: 10;\n}\n\n.z-100 {\n  z-index: 100;\n}\n\n.z-20 {\n  z-index: 20;\n}\n\n.z-2000 {\n  z-index: 2000;\n}\n\n.z-50 {\n  z-index: 50;\n}\n\n.col-span-2 {\n  grid-column: span 2/span 2;\n}\n\n.col-span-3 {\n  grid-column: span 3/span 3;\n}\n\n.m-0 {\n  margin: 0px;\n}\n\n.m-3 {\n  margin: 0.75rem;\n}\n\n.m-auto {\n  margin: auto;\n}\n\n.-mx-4 {\n  margin-left: -1rem;\n  margin-right: -1rem;\n}\n\n.-my-2 {\n  margin-top: -0.5rem;\n  margin-bottom: -0.5rem;\n}\n\n.mx-2 {\n  margin-left: 0.5rem;\n  margin-right: 0.5rem;\n}\n\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.my-1 {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n\n.my-2 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n\n.my-8 {\n  margin-top: 2rem;\n  margin-bottom: 2rem;\n}\n\n.my-px {\n  margin-top: 1px;\n  margin-bottom: 1px;\n}\n\n.\\!mt-8 {\n  margin-top: 2rem !important;\n}\n\n.-mb-px {\n  margin-bottom: -1px;\n}\n\n.mb-0 {\n  margin-bottom: 0px;\n}\n\n.mb-1 {\n  margin-bottom: 0.25rem;\n}\n\n.mb-10 {\n  margin-bottom: 2.5rem;\n}\n\n.mb-2 {\n  margin-bottom: 0.5rem;\n}\n\n.mb-3 {\n  margin-bottom: 0.75rem;\n}\n\n.mb-4 {\n  margin-bottom: 1rem;\n}\n\n.mb-8 {\n  margin-bottom: 2rem;\n}\n\n.ml-0 {\n  margin-left: 0px;\n}\n\n.ml-0\\.5 {\n  margin-left: 0.125rem;\n}\n\n.ml-1 {\n  margin-left: 0.25rem;\n}\n\n.ml-2 {\n  margin-left: 0.5rem;\n}\n\n.ml-3 {\n  margin-left: 0.75rem;\n}\n\n.ml-auto {\n  margin-left: auto;\n}\n\n.mr-1 {\n  margin-right: 0.25rem;\n}\n\n.mr-2 {\n  margin-right: 0.5rem;\n}\n\n.mr-4 {\n  margin-right: 1rem;\n}\n\n.mt-0 {\n  margin-top: 0px;\n}\n\n.mt-1 {\n  margin-top: 0.25rem;\n}\n\n.mt-2 {\n  margin-top: 0.5rem;\n}\n\n.mt-3 {\n  margin-top: 0.75rem;\n}\n\n.mt-4 {\n  margin-top: 1rem;\n}\n\n.mt-5 {\n  margin-top: 1.25rem;\n}\n\n.mt-6 {\n  margin-top: 1.5rem;\n}\n\n.mt-8 {\n  margin-top: 2rem;\n}\n\n.box-border {\n  box-sizing: border-box;\n}\n\n.block {\n  display: block;\n}\n\n.inline-block {\n  display: inline-block;\n}\n\n.inline {\n  display: inline;\n}\n\n.flex {\n  display: flex;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.table {\n  display: table;\n}\n\n.flow-root {\n  display: flow-root;\n}\n\n.grid {\n  display: grid;\n}\n\n.contents {\n  display: contents;\n}\n\n.hidden {\n  display: none;\n}\n\n.h-10 {\n  height: 2.5rem;\n}\n\n.h-11 {\n  height: 2.75rem;\n}\n\n.h-12 {\n  height: 3rem;\n}\n\n.h-4 {\n  height: 1rem;\n}\n\n.h-5 {\n  height: 1.25rem;\n}\n\n.h-6 {\n  height: 1.5rem;\n}\n\n.h-8 {\n  height: 2rem;\n}\n\n.h-\\[21px\\] {\n  height: 21px;\n}\n\n.h-\\[28px\\] {\n  height: 28px;\n}\n\n.h-full {\n  height: 100%;\n}\n\n.h-px {\n  height: 1px;\n}\n\n.max-h-60 {\n  max-height: 15rem;\n}\n\n.max-h-80 {\n  max-height: 20rem;\n}\n\n.min-h-full {\n  min-height: 100%;\n}\n\n.w-10 {\n  width: 2.5rem;\n}\n\n.w-11 {\n  width: 2.75rem;\n}\n\n.w-12 {\n  width: 3rem;\n}\n\n.w-20 {\n  width: 5rem;\n}\n\n.w-4 {\n  width: 1rem;\n}\n\n.w-5 {\n  width: 1.25rem;\n}\n\n.w-6 {\n  width: 1.5rem;\n}\n\n.w-8 {\n  width: 2rem;\n}\n\n.w-96 {\n  width: 24rem;\n}\n\n.w-\\[44px\\] {\n  width: 44px;\n}\n\n.w-full {\n  width: 100%;\n}\n\n.w-max {\n  width: -moz-max-content;\n  width: max-content;\n}\n\n.w-screen {\n  width: 100vw;\n}\n\n.min-w-0 {\n  min-width: 0px;\n}\n\n.min-w-\\[40\\%\\] {\n  min-width: 40%;\n}\n\n.min-w-full {\n  min-width: 100%;\n}\n\n.max-w-lg {\n  max-width: 32rem;\n}\n\n.max-w-md {\n  max-width: 28rem;\n}\n\n.max-w-sm {\n  max-width: 24rem;\n}\n\n.flex-1 {\n  flex: 1 1 0%;\n}\n\n.flex-auto {\n  flex: 1 1 auto;\n}\n\n.flex-shrink-0 {\n  flex-shrink: 0;\n}\n\n.shrink-0 {\n  flex-shrink: 0;\n}\n\n.flex-grow {\n  flex-grow: 1;\n}\n\n.grow {\n  flex-grow: 1;\n}\n\n.table-auto {\n  table-layout: auto;\n}\n\n.table-fixed {\n  table-layout: fixed;\n}\n\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.animate-spin {\n  animation: spin 1s linear infinite;\n}\n\n.cursor-default {\n  cursor: default;\n}\n\n.cursor-help {\n  cursor: help;\n}\n\n.cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.touch-pan-y {\n  --tw-pan-y: pan-y;\n  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);\n}\n\n.select-none {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.resize-none {\n  resize: none;\n}\n\n.resize-y {\n  resize: vertical;\n}\n\n.resize {\n  resize: both;\n}\n\n.grid-flow-col {\n  grid-auto-flow: column;\n}\n\n.grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.grid-cols-4 {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.grid-cols-subgrid {\n  grid-template-columns: subgrid;\n}\n\n.flex-row {\n  flex-direction: row;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.place-items-start {\n  place-items: start;\n}\n\n.items-start {\n  align-items: flex-start;\n}\n\n.items-end {\n  align-items: flex-end;\n}\n\n.items-center {\n  align-items: center;\n}\n\n.items-stretch {\n  align-items: stretch;\n}\n\n.justify-start {\n  justify-content: flex-start;\n}\n\n.justify-end {\n  justify-content: flex-end;\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.justify-between {\n  justify-content: space-between;\n}\n\n.gap-1 {\n  gap: 0.25rem;\n}\n\n.gap-2 {\n  gap: 0.5rem;\n}\n\n.gap-3 {\n  gap: 0.75rem;\n}\n\n.gap-4 {\n  gap: 1rem;\n}\n\n.gap-6 {\n  gap: 1.5rem;\n}\n\n.gap-8 {\n  gap: 2rem;\n}\n\n.gap-x-1 {\n  -moz-column-gap: 0.25rem;\n       column-gap: 0.25rem;\n}\n\n.gap-x-2 {\n  -moz-column-gap: 0.5rem;\n       column-gap: 0.5rem;\n}\n\n.gap-x-3 {\n  -moz-column-gap: 0.75rem;\n       column-gap: 0.75rem;\n}\n\n.gap-x-4 {\n  -moz-column-gap: 1rem;\n       column-gap: 1rem;\n}\n\n.gap-y-10 {\n  row-gap: 2.5rem;\n}\n\n.gap-y-2 {\n  row-gap: 0.5rem;\n}\n\n.gap-y-4 {\n  row-gap: 1rem;\n}\n\n.space-x-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));\n}\n\n.space-x-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(1rem * var(--tw-space-x-reverse));\n  margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));\n}\n\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n\n.space-y-3 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n\n.space-y-5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));\n}\n\n.divide-y > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-y-reverse: 0;\n  border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));\n  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n\n.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(229, 231, 235, var(--tw-divide-opacity));\n}\n\n.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(209, 213, 219, var(--tw-divide-opacity));\n}\n\n.self-start {\n  align-self: flex-start;\n}\n\n.self-center {\n  align-self: center;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n.overflow-hidden {\n  overflow: hidden;\n}\n\n.overflow-x-auto {\n  overflow-x: auto;\n}\n\n.overflow-y-auto {\n  overflow-y: auto;\n}\n\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n\n.overscroll-contain {\n  overscroll-behavior: contain;\n}\n\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.overflow-ellipsis {\n  text-overflow: ellipsis;\n}\n\n.text-ellipsis {\n  text-overflow: ellipsis;\n}\n\n.whitespace-normal {\n  white-space: normal;\n}\n\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n\n.text-pretty {\n  text-wrap: pretty;\n}\n\n.break-words {\n  overflow-wrap: break-word;\n}\n\n.rounded {\n  border-radius: 0.25rem;\n}\n\n.rounded-full {\n  border-radius: 9999px;\n}\n\n.rounded-lg {\n  border-radius: 0.5rem;\n}\n\n.rounded-md {\n  border-radius: 0.375rem;\n}\n\n.rounded-xl {\n  border-radius: 0.75rem;\n}\n\n.rounded-r-md {\n  border-top-right-radius: 0.375rem;\n  border-bottom-right-radius: 0.375rem;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.border-0 {\n  border-width: 0px;\n}\n\n.border-2 {\n  border-width: 2px;\n}\n\n.border-b {\n  border-bottom-width: 1px;\n}\n\n.border-b-2 {\n  border-bottom-width: 2px;\n}\n\n.border-t {\n  border-top-width: 1px;\n}\n\n.border-solid {\n  border-style: solid;\n}\n\n.border-none {\n  border-style: none;\n}\n\n.border-blue-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(132, 202, 255, var(--tw-border-opacity));\n}\n\n.border-blue-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(83, 177, 253, var(--tw-border-opacity));\n}\n\n.border-blue-400 {\n  --tw-border-opacity: 1;\n  border-color: rgb(46, 144, 250, var(--tw-border-opacity));\n}\n\n.border-blue-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(21, 112, 239, var(--tw-border-opacity));\n}\n\n.border-blue-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(23, 92, 211, var(--tw-border-opacity));\n}\n\n.border-gray-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(229, 231, 235, var(--tw-border-opacity));\n}\n\n.border-gray-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(209, 213, 219, var(--tw-border-opacity));\n}\n\n.border-green-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(187, 247, 208, var(--tw-border-opacity));\n}\n\n.border-green-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(134, 239, 172, var(--tw-border-opacity));\n}\n\n.border-green-400 {\n  --tw-border-opacity: 1;\n  border-color: rgb(74, 222, 128, var(--tw-border-opacity));\n}\n\n.border-green-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(22, 163, 74, var(--tw-border-opacity));\n}\n\n.border-indigo-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(165, 180, 252, var(--tw-border-opacity));\n}\n\n.border-pink-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(249, 168, 212, var(--tw-border-opacity));\n}\n\n.border-purple-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(216, 180, 254, var(--tw-border-opacity));\n}\n\n.border-red-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(254, 202, 202, var(--tw-border-opacity));\n}\n\n.border-red-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(252, 165, 165, var(--tw-border-opacity));\n}\n\n.border-red-400 {\n  --tw-border-opacity: 1;\n  border-color: rgb(248, 113, 113, var(--tw-border-opacity));\n}\n\n.border-red-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(220, 38, 38, var(--tw-border-opacity));\n}\n\n.border-slate-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(71, 85, 105, var(--tw-border-opacity));\n}\n\n.border-transparent {\n  border-color: transparent;\n}\n\n.border-yellow-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(254, 240, 138, var(--tw-border-opacity));\n}\n\n.border-yellow-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(253, 224, 71, var(--tw-border-opacity));\n}\n\n.border-yellow-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(202, 138, 4, var(--tw-border-opacity));\n}\n\n.bg-\\[\\#F9FAFB\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(249, 250, 251, var(--tw-bg-opacity));\n}\n\n.bg-\\[\\#FFFAEB\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255, 250, 235, var(--tw-bg-opacity));\n}\n\n.bg-blue-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(178, 221, 255, var(--tw-bg-opacity));\n}\n\n.bg-blue-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(209, 233, 255, var(--tw-bg-opacity));\n}\n\n.bg-blue-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(21, 112, 239, var(--tw-bg-opacity));\n}\n\n.bg-blue-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23, 92, 211, var(--tw-bg-opacity));\n}\n\n.bg-gray-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243, 244, 246, var(--tw-bg-opacity));\n}\n\n.bg-gray-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229, 231, 235, var(--tw-bg-opacity));\n}\n\n.bg-gray-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(249, 250, 251, var(--tw-bg-opacity));\n}\n\n.bg-gray-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(107, 114, 128, var(--tw-bg-opacity));\n}\n\n.bg-gray-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(17, 24, 39, var(--tw-bg-opacity));\n}\n\n.bg-green-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220, 252, 231, var(--tw-bg-opacity));\n}\n\n.bg-green-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(240, 253, 244, var(--tw-bg-opacity));\n}\n\n.bg-indigo-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(224, 231, 255, var(--tw-bg-opacity));\n}\n\n.bg-photon-blue {\n  --tw-bg-opacity: 1;\n  background-color: rgb(49, 130, 206, var(--tw-bg-opacity));\n}\n\n.bg-pink-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(252, 231, 243, var(--tw-bg-opacity));\n}\n\n.bg-purple-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243, 232, 255, var(--tw-bg-opacity));\n}\n\n.bg-red-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254, 226, 226, var(--tw-bg-opacity));\n}\n\n.bg-red-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254, 242, 242, var(--tw-bg-opacity));\n}\n\n.bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239, 68, 68, var(--tw-bg-opacity));\n}\n\n.bg-slate-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241, 245, 249, var(--tw-bg-opacity));\n}\n\n.bg-slate-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248, 250, 252, var(--tw-bg-opacity));\n}\n\n.bg-transparent {\n  background-color: transparent;\n}\n\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.bg-yellow-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254, 249, 195, var(--tw-bg-opacity));\n}\n\n.bg-yellow-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254, 252, 232, var(--tw-bg-opacity));\n}\n\n.bg-opacity-75 {\n  --tw-bg-opacity: 0.75;\n}\n\n.fill-blue-500 {\n  fill: #1570EF;\n}\n\n.fill-green-500 {\n  fill: #22c55e;\n}\n\n.p-0 {\n  padding: 0px;\n}\n\n.p-2 {\n  padding: 0.5rem;\n}\n\n.p-4 {\n  padding: 1rem;\n}\n\n.px-1 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n\n.px-1\\.5 {\n  padding-left: 0.375rem;\n  padding-right: 0.375rem;\n}\n\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.px-2\\.5 {\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n}\n\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n\n.px-3\\.5 {\n  padding-left: 0.875rem;\n  padding-right: 0.875rem;\n}\n\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n.py-0 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n\n.py-0\\.5 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n\n.py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n\n.py-1\\.5 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.py-2\\.5 {\n  padding-top: 0.625rem;\n  padding-bottom: 0.625rem;\n}\n\n.py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n\n.py-3\\.5 {\n  padding-top: 0.875rem;\n  padding-bottom: 0.875rem;\n}\n\n.py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n\n.pb-1 {\n  padding-bottom: 0.25rem;\n}\n\n.pb-2 {\n  padding-bottom: 0.5rem;\n}\n\n.pb-4 {\n  padding-bottom: 1rem;\n}\n\n.pl-1 {\n  padding-left: 0.25rem;\n}\n\n.pl-10 {\n  padding-left: 2.5rem;\n}\n\n.pl-2 {\n  padding-left: 0.5rem;\n}\n\n.pl-3 {\n  padding-left: 0.75rem;\n}\n\n.pl-5 {\n  padding-left: 1.25rem;\n}\n\n.pl-\\[19\\.75px\\] {\n  padding-left: 19.75px;\n}\n\n.pr-2 {\n  padding-right: 0.5rem;\n}\n\n.pr-3 {\n  padding-right: 0.75rem;\n}\n\n.pr-4 {\n  padding-right: 1rem;\n}\n\n.pr-5 {\n  padding-right: 1.25rem;\n}\n\n.pt-1 {\n  padding-top: 0.25rem;\n}\n\n.pt-2 {\n  padding-top: 0.5rem;\n}\n\n.pt-3 {\n  padding-top: 0.75rem;\n}\n\n.pt-4 {\n  padding-top: 1rem;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.text-end {\n  text-align: end;\n}\n\n.align-top {\n  vertical-align: top;\n}\n\n.align-middle {\n  vertical-align: middle;\n}\n\n.font-mono {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n.font-sans {\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\n.text-3xl {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n\n.text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n.text-sm\\/6 {\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n}\n\n.text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.font-bold {\n  font-weight: 700;\n}\n\n.font-extrabold {\n  font-weight: 800;\n}\n\n.font-light {\n  font-weight: 300;\n}\n\n.font-medium {\n  font-weight: 500;\n}\n\n.font-normal {\n  font-weight: 400;\n}\n\n.font-semibold {\n  font-weight: 600;\n}\n\n.uppercase {\n  text-transform: uppercase;\n}\n\n.capitalize {\n  text-transform: capitalize;\n}\n\n.italic {\n  font-style: italic;\n}\n\n.leading-6 {\n  line-height: 1.5rem;\n}\n\n.leading-none {\n  line-height: 1;\n}\n\n.leading-snug {\n  line-height: 1.375;\n}\n\n.text-\\[\\#DC6803\\] {\n  --tw-text-opacity: 1;\n  color: rgb(220, 104, 3, var(--tw-text-opacity));\n}\n\n.text-black {\n  --tw-text-opacity: 1;\n  color: rgb(0, 0, 0, var(--tw-text-opacity));\n}\n\n.text-blue-500 {\n  --tw-text-opacity: 1;\n  color: rgb(21, 112, 239, var(--tw-text-opacity));\n}\n\n.text-blue-600 {\n  --tw-text-opacity: 1;\n  color: rgb(23, 92, 211, var(--tw-text-opacity));\n}\n\n.text-blue-700 {\n  --tw-text-opacity: 1;\n  color: rgb(24, 73, 169, var(--tw-text-opacity));\n}\n\n.text-blue-800 {\n  --tw-text-opacity: 1;\n  color: rgb(25, 65, 133, var(--tw-text-opacity));\n}\n\n.text-blue-900 {\n  --tw-text-opacity: 1;\n  color: rgb(16, 42, 86, var(--tw-text-opacity));\n}\n\n.text-current {\n  color: currentColor;\n}\n\n.text-gray-200 {\n  --tw-text-opacity: 1;\n  color: rgb(229, 231, 235, var(--tw-text-opacity));\n}\n\n.text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156, 163, 175, var(--tw-text-opacity));\n}\n\n.text-gray-50 {\n  --tw-text-opacity: 1;\n  color: rgb(249, 250, 251, var(--tw-text-opacity));\n}\n\n.text-gray-500 {\n  --tw-text-opacity: 1;\n  color: rgb(107, 114, 128, var(--tw-text-opacity));\n}\n\n.text-gray-600 {\n  --tw-text-opacity: 1;\n  color: rgb(75, 85, 99, var(--tw-text-opacity));\n}\n\n.text-gray-700 {\n  --tw-text-opacity: 1;\n  color: rgb(55, 65, 81, var(--tw-text-opacity));\n}\n\n.text-gray-900 {\n  --tw-text-opacity: 1;\n  color: rgb(17, 24, 39, var(--tw-text-opacity));\n}\n\n.text-green-500 {\n  --tw-text-opacity: 1;\n  color: rgb(34, 197, 94, var(--tw-text-opacity));\n}\n\n.text-green-600 {\n  --tw-text-opacity: 1;\n  color: rgb(22, 163, 74, var(--tw-text-opacity));\n}\n\n.text-green-700 {\n  --tw-text-opacity: 1;\n  color: rgb(21, 128, 61, var(--tw-text-opacity));\n}\n\n.text-green-800 {\n  --tw-text-opacity: 1;\n  color: rgb(22, 101, 52, var(--tw-text-opacity));\n}\n\n.text-indigo-700 {\n  --tw-text-opacity: 1;\n  color: rgb(67, 56, 202, var(--tw-text-opacity));\n}\n\n.text-pink-700 {\n  --tw-text-opacity: 1;\n  color: rgb(190, 24, 93, var(--tw-text-opacity));\n}\n\n.text-purple-700 {\n  --tw-text-opacity: 1;\n  color: rgb(126, 34, 206, var(--tw-text-opacity));\n}\n\n.text-red-400 {\n  --tw-text-opacity: 1;\n  color: rgb(248, 113, 113, var(--tw-text-opacity));\n}\n\n.text-red-500 {\n  --tw-text-opacity: 1;\n  color: rgb(239, 68, 68, var(--tw-text-opacity));\n}\n\n.text-red-600 {\n  --tw-text-opacity: 1;\n  color: rgb(220, 38, 38, var(--tw-text-opacity));\n}\n\n.text-red-700 {\n  --tw-text-opacity: 1;\n  color: rgb(185, 28, 28, var(--tw-text-opacity));\n}\n\n.text-red-800 {\n  --tw-text-opacity: 1;\n  color: rgb(153, 27, 27, var(--tw-text-opacity));\n}\n\n.text-slate-500 {\n  --tw-text-opacity: 1;\n  color: rgb(100, 116, 139, var(--tw-text-opacity));\n}\n\n.text-slate-600 {\n  --tw-text-opacity: 1;\n  color: rgb(71, 85, 105, var(--tw-text-opacity));\n}\n\n.text-teal-600 {\n  --tw-text-opacity: 1;\n  color: rgb(13, 148, 136, var(--tw-text-opacity));\n}\n\n.text-transparent {\n  color: transparent;\n}\n\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255, 255, 255, var(--tw-text-opacity));\n}\n\n.text-yellow-600 {\n  --tw-text-opacity: 1;\n  color: rgb(202, 138, 4, var(--tw-text-opacity));\n}\n\n.text-yellow-800 {\n  --tw-text-opacity: 1;\n  color: rgb(133, 77, 14, var(--tw-text-opacity));\n}\n\n.underline {\n  text-decoration-line: underline;\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.opacity-100 {\n  opacity: 1;\n}\n\n.opacity-35 {\n  opacity: 0.35;\n}\n\n.opacity-50 {\n  opacity: 0.5;\n}\n\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.shadow-card {\n  --tw-shadow: 0px 0px 1px rgba(48, 49, 51, 0.05),0px 2px 4px rgba(48, 49, 51, 0.1);\n  --tw-shadow-colored: 0px 0px 1px var(--tw-shadow-color), 0px 2px 4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.shadow-xl {\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.ring-1 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));\n}\n\n.ring-2 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));\n}\n\n.ring-inset {\n  --tw-ring-inset: inset;\n}\n\n.ring-black {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));\n}\n\n.ring-blue-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(83 177 253 / var(--tw-ring-opacity));\n}\n\n.ring-gray-200 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));\n}\n\n.ring-gray-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));\n}\n\n.ring-gray-900\\/5 {\n  --tw-ring-color: rgb(17 24 39 / 0.05);\n}\n\n.ring-red-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));\n}\n\n.ring-sky-500\\/40 {\n  --tw-ring-color: rgb(14 165 233 / 0.4);\n}\n\n.ring-opacity-5 {\n  --tw-ring-opacity: 0.05;\n}\n\n.blur {\n  --tw-blur: blur(8px);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.duration-100 {\n  transition-duration: 100ms;\n}\n\n.ease-in {\n  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n}\n\n.ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.ease-out {\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.theme-photon, [data-theme=photon] {\n  --twc-primaryText: 210 20% 98%;\n  --twc-primary500: 238.70000000000005 83.5% 66.7%;\n  --twc-primary600: 243.39999999999998 75.4% 58.6%;\n  --twc-secondaryText: 220.89999999999998 39.3% 11%;\n  --twc-secondary50: 225.89999999999998 100% 96.7%;\n  --twc-secondary100: 226.5 100% 93.9%;\n}\n\n.theme-weekend, [data-theme=weekend] {\n  --twc-primaryText: 210 20% 98%;\n  --twc-primary500: 198.60000000000002 88.7% 48.4%;\n  --twc-primary600: 200.39999999999998 98% 39.4%;\n  --twc-secondaryText: 220.89999999999998 39.3% 11%;\n  --twc-secondary50: 204 100% 97.1%;\n  --twc-secondary100: 204 93.8% 93.7%;\n}\n\n.\\[overflow-wrap\\:anywhere\\] {\n  overflow-wrap: anywhere;\n}\n\n.placeholder\\:text-gray-400::-moz-placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(156, 163, 175, var(--tw-text-opacity));\n}\n\n.placeholder\\:text-gray-400::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(156, 163, 175, var(--tw-text-opacity));\n}\n\n.placeholder\\:text-red-300::-moz-placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(252, 165, 165, var(--tw-text-opacity));\n}\n\n.placeholder\\:text-red-300::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(252, 165, 165, var(--tw-text-opacity));\n}\n\n.even\\:bg-gray-50:nth-child(even) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(249, 250, 251, var(--tw-bg-opacity));\n}\n\n.hover\\:cursor-pointer:hover {\n  cursor: pointer;\n}\n\n.hover\\:border-gray-300:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(209, 213, 219, var(--tw-border-opacity));\n}\n\n.hover\\:bg-blue-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(178, 221, 255, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(209, 233, 255, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-600:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23, 92, 211, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-700:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(24, 73, 169, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-gray-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(249, 250, 251, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-photon-blue-dark:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(43, 108, 176, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-red-600:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220, 38, 38, var(--tw-bg-opacity));\n}\n\n.hover\\:text-amber-500:hover {\n  --tw-text-opacity: 1;\n  color: rgb(245, 158, 11, var(--tw-text-opacity));\n}\n\n.hover\\:text-blue-500:hover {\n  --tw-text-opacity: 1;\n  color: rgb(21, 112, 239, var(--tw-text-opacity));\n}\n\n.hover\\:text-gray-500:hover {\n  --tw-text-opacity: 1;\n  color: rgb(107, 114, 128, var(--tw-text-opacity));\n}\n\n.hover\\:text-gray-600:hover {\n  --tw-text-opacity: 1;\n  color: rgb(75, 85, 99, var(--tw-text-opacity));\n}\n\n.hover\\:text-gray-700:hover {\n  --tw-text-opacity: 1;\n  color: rgb(55, 65, 81, var(--tw-text-opacity));\n}\n\n.hover\\:text-gray-900:hover {\n  --tw-text-opacity: 1;\n  color: rgb(17, 24, 39, var(--tw-text-opacity));\n}\n\n.hover\\:text-red-500:hover {\n  --tw-text-opacity: 1;\n  color: rgb(239, 68, 68, var(--tw-text-opacity));\n}\n\n.hover\\:underline:hover {\n  text-decoration-line: underline;\n}\n\n.hover\\:ring-gray-400:hover {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));\n}\n\n.focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.focus\\:outline-0:focus {\n  outline-width: 0px;\n}\n\n.focus\\:ring-1:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));\n}\n\n.focus\\:ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));\n}\n\n.focus\\:ring-inset:focus {\n  --tw-ring-inset: inset;\n}\n\n.focus\\:ring-blue-300:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(83 177 253 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-blue-500:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(21 112 239 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-blue-600:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(23 92 211 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-gray-300:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-red-500:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-sky-500\\/40:focus {\n  --tw-ring-color: rgb(14 165 233 / 0.4);\n}\n\n.focus\\:ring-offset-2:focus {\n  --tw-ring-offset-width: 2px;\n}\n\n.focus-visible\\:outline:focus-visible {\n  outline-style: solid;\n}\n\n.focus-visible\\:outline-2:focus-visible {\n  outline-width: 2px;\n}\n\n.focus-visible\\:outline-offset-2:focus-visible {\n  outline-offset: 2px;\n}\n\n.active\\:bg-gray-100:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243, 244, 246, var(--tw-bg-opacity));\n}\n\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n\n.disabled\\:bg-gray-500:disabled {\n  --tw-bg-opacity: 1;\n  background-color: rgb(107, 114, 128, var(--tw-bg-opacity));\n}\n\n.disabled\\:opacity-50:disabled {\n  opacity: 0.5;\n}\n\n.disabled\\:hover\\:bg-transparent:hover:disabled {\n  background-color: transparent;\n}\n\n.disabled\\:hover\\:text-gray-700:hover:disabled {\n  --tw-text-opacity: 1;\n  color: rgb(55, 65, 81, var(--tw-text-opacity));\n}\n\n.group:hover .group-hover\\:bg-blue-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(178, 221, 255, var(--tw-bg-opacity));\n}\n\n.group:hover .group-hover\\:text-blue-600 {\n  --tw-text-opacity: 1;\n  color: rgb(23, 92, 211, var(--tw-text-opacity));\n}\n\n.group:hover .group-hover\\:text-blue-900 {\n  --tw-text-opacity: 1;\n  color: rgb(16, 42, 86, var(--tw-text-opacity));\n}\n\n.group:hover .group-hover\\:opacity-100 {\n  opacity: 1;\n}\n\n@media (min-width: 475px) {\n  .xs\\:mx-auto {\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .xs\\:w-auto {\n    width: auto;\n  }\n  .xs\\:w-fit {\n    width: -moz-fit-content;\n    width: fit-content;\n  }\n  .xs\\:flex-row {\n    flex-direction: row;\n  }\n  .xs\\:flex-row-reverse {\n    flex-direction: row-reverse;\n  }\n  .xs\\:justify-start {\n    justify-content: flex-start;\n  }\n  .xs\\:text-base {\n    font-size: 1rem;\n    line-height: 1.5rem;\n  }\n}\n@media (min-width: 640px) {\n  .sm\\:-mx-6 {\n    margin-left: -1.5rem;\n    margin-right: -1.5rem;\n  }\n  .sm\\:my-8 {\n    margin-top: 2rem;\n    margin-bottom: 2rem;\n  }\n  .sm\\:mt-5 {\n    margin-top: 1.25rem;\n  }\n  .sm\\:mt-6 {\n    margin-top: 1.5rem;\n  }\n  .sm\\:block {\n    display: block;\n  }\n  .sm\\:inline {\n    display: inline;\n  }\n  .sm\\:grid {\n    display: grid;\n  }\n  .sm\\:hidden {\n    display: none;\n  }\n  .sm\\:h-12 {\n    height: 3rem;\n  }\n  .sm\\:w-\\[600px\\] {\n    width: 600px;\n  }\n  .sm\\:w-auto {\n    width: auto;\n  }\n  .sm\\:max-w-lg {\n    max-width: 32rem;\n  }\n  .sm\\:max-w-md {\n    max-width: 28rem;\n  }\n  .sm\\:max-w-sm {\n    max-width: 24rem;\n  }\n  .sm\\:grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .sm\\:grid-cols-6 {\n    grid-template-columns: repeat(6, minmax(0, 1fr));\n  }\n  .sm\\:flex-row {\n    flex-direction: row;\n  }\n  .sm\\:items-center {\n    align-items: center;\n  }\n  .sm\\:gap-2 {\n    gap: 0.5rem;\n  }\n  .sm\\:gap-4 {\n    gap: 1rem;\n  }\n  .sm\\:space-x-6 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(1.5rem * var(--tw-space-x-reverse));\n    margin-left: calc(1.5rem * (1 - var(--tw-space-x-reverse)));\n  }\n  .sm\\:p-0 {\n    padding: 0px;\n  }\n  .sm\\:p-6 {\n    padding: 1.5rem;\n  }\n  .sm\\:px-4 {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n  .sm\\:px-6 {\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n  }\n  .sm\\:py-4 {\n    padding-top: 1rem;\n    padding-bottom: 1rem;\n  }\n  .sm\\:pr-6 {\n    padding-right: 1.5rem;\n  }\n  .sm\\:pt-6 {\n    padding-top: 1.5rem;\n  }\n  .sm\\:text-base {\n    font-size: 1rem;\n    line-height: 1.5rem;\n  }\n  .sm\\:text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n  .sm\\:leading-6 {\n    line-height: 1.5rem;\n  }\n}\n@media (min-width: 768px) {\n  .md\\:\\!mt-8 {\n    margin-top: 2rem !important;\n  }\n  .md\\:\\!block {\n    display: block !important;\n  }\n  .md\\:flex {\n    display: flex;\n  }\n  .md\\:\\!hidden {\n    display: none !important;\n  }\n  .md\\:grid-cols-8 {\n    grid-template-columns: repeat(8, minmax(0, 1fr));\n  }\n  .md\\:flex-row {\n    flex-direction: row;\n  }\n  .md\\:items-center {\n    align-items: center;\n  }\n  .md\\:gap-1 {\n    gap: 0.25rem;\n  }\n  .md\\:space-x-8 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(2rem * var(--tw-space-x-reverse));\n    margin-left: calc(2rem * (1 - var(--tw-space-x-reverse)));\n  }\n  .md\\:px-4 {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n  .md\\:px-8 {\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n  .md\\:py-3 {\n    padding-top: 0.75rem;\n    padding-bottom: 0.75rem;\n  }\n  .md\\:text-right {\n    text-align: right;\n  }\n  .md\\:text-3xl {\n    font-size: 1.875rem;\n    line-height: 2.25rem;\n  }\n  .md\\:text-xl {\n    font-size: 1.25rem;\n    line-height: 1.75rem;\n  }\n}\n@media (min-width: 1024px) {\n  .lg\\:-mx-8 {\n    margin-left: -2rem;\n    margin-right: -2rem;\n  }\n  .lg\\:px-8 {\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n}\n@media (prefers-color-scheme: dark) {\n  .dark\\:bg-gray-700 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(55, 65, 81, var(--tw-bg-opacity));\n  }\n  .dark\\:text-gray-600 {\n    --tw-text-opacity: 1;\n    color: rgb(75, 85, 99, var(--tw-text-opacity));\n  }\n}";
+const tailwind = " :host {} /*\n! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com\n*/ /*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\nbutton,\ninput:where([type=button]),\ninput:where([type=reset]),\ninput:where([type=submit]) {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n[type=search] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\nbutton,\n[role=button] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n\ninput:where([type=text]), input:where(:not([type])), input:where([type=email]), input:where([type=url]), input:where([type=password]), input:where([type=number]), input:where([type=date]), input:where([type=datetime-local]), input:where([type=month]), input:where([type=search]), input:where([type=tel]), input:where([type=time]), input:where([type=week]), select:where([multiple]), textarea, select {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: #fff;\n  border-color: #6b7280;\n  border-width: 1px;\n  border-radius: 0px;\n  padding-top: 0.5rem;\n  padding-right: 0.75rem;\n  padding-bottom: 0.5rem;\n  padding-left: 0.75rem;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  --tw-shadow: 0 0 #0000;\n}\n\ninput:where([type=text]):focus, input:where(:not([type])):focus, input:where([type=email]):focus, input:where([type=url]):focus, input:where([type=password]):focus, input:where([type=number]):focus, input:where([type=date]):focus, input:where([type=datetime-local]):focus, input:where([type=month]):focus, input:where([type=search]):focus, input:where([type=tel]):focus, input:where([type=time]):focus, input:where([type=week]):focus, select:where([multiple]):focus, textarea:focus, select:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: #175CD3;\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  border-color: #175CD3;\n}\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  color: #6b7280;\n  opacity: 1;\n}\n\ninput::placeholder, textarea::placeholder {\n  color: #6b7280;\n  opacity: 1;\n}\n\n::-webkit-datetime-edit-fields-wrapper {\n  padding: 0;\n}\n\n::-webkit-date-and-time-value {\n  min-height: 1.5em;\n  text-align: inherit;\n}\n\n::-webkit-datetime-edit {\n  display: inline-flex;\n}\n\n::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\nselect {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");\n  background-position: right 0.5rem center;\n  background-repeat: no-repeat;\n  background-size: 1.5em 1.5em;\n  padding-right: 2.5rem;\n  -webkit-print-color-adjust: exact;\n          print-color-adjust: exact;\n}\n\nselect:where([multiple]), select:where([size]:not([size=\"1\"])) {\n  background-image: initial;\n  background-position: initial;\n  background-repeat: unset;\n  background-size: initial;\n  padding-right: 0.75rem;\n  -webkit-print-color-adjust: unset;\n          print-color-adjust: unset;\n}\n\ninput:where([type=checkbox]), input:where([type=radio]) {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  padding: 0;\n  -webkit-print-color-adjust: exact;\n          print-color-adjust: exact;\n  display: inline-block;\n  vertical-align: middle;\n  background-origin: border-box;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  flex-shrink: 0;\n  height: 1rem;\n  width: 1rem;\n  color: #175CD3;\n  background-color: #fff;\n  border-color: #6b7280;\n  border-width: 1px;\n  --tw-shadow: 0 0 #0000;\n}\n\ninput:where([type=checkbox]) {\n  border-radius: 0px;\n}\n\ninput:where([type=radio]) {\n  border-radius: 100%;\n}\n\ninput:where([type=checkbox]):focus, input:where([type=radio]):focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n  --tw-ring-offset-width: 2px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: #175CD3;\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n\ninput:where([type=checkbox]):checked, input:where([type=radio]):checked {\n  border-color: transparent;\n  background-color: currentColor;\n  background-size: 100% 100%;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n\ninput:where([type=checkbox]):checked {\n  background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e\");\n}\n\n@media (forced-colors: active) {\n  input:where([type=checkbox]):checked {\n    -webkit-appearance: auto;\n       -moz-appearance: auto;\n            appearance: auto;\n  }\n}\ninput:where([type=radio]):checked {\n  background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\");\n}\n\n@media (forced-colors: active) {\n  input:where([type=radio]):checked {\n    -webkit-appearance: auto;\n       -moz-appearance: auto;\n            appearance: auto;\n  }\n}\ninput:where([type=checkbox]):checked:hover, input:where([type=checkbox]):checked:focus, input:where([type=radio]):checked:hover, input:where([type=radio]):checked:focus {\n  border-color: transparent;\n  background-color: currentColor;\n}\n\ninput:where([type=checkbox]):indeterminate {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e\");\n  border-color: transparent;\n  background-color: currentColor;\n  background-size: 100% 100%;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n\n@media (forced-colors: active) {\n  input:where([type=checkbox]):indeterminate {\n    -webkit-appearance: auto;\n       -moz-appearance: auto;\n            appearance: auto;\n  }\n}\ninput:where([type=checkbox]):indeterminate:hover, input:where([type=checkbox]):indeterminate:focus {\n  border-color: transparent;\n  background-color: currentColor;\n}\n\ninput:where([type=file]) {\n  background: unset;\n  border-color: inherit;\n  border-width: 0;\n  border-radius: 0;\n  padding: 0;\n  font-size: unset;\n  line-height: inherit;\n}\n\ninput:where([type=file]):focus {\n  outline: 1px solid ButtonText;\n  outline: 1px auto -webkit-focus-ring-color;\n}\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(21 112 239 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n  --tw-contain-size: ;\n  --tw-contain-layout: ;\n  --tw-contain-paint: ;\n  --tw-contain-style: ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(21 112 239 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n  --tw-contain-size: ;\n  --tw-contain-layout: ;\n  --tw-contain-paint: ;\n  --tw-contain-style: ;\n}\n\n.container {\n  width: 100%;\n}\n\n@media (min-width: 475px) {\n  .container {\n    max-width: 475px;\n  }\n}\n@media (min-width: 640px) {\n  .container {\n    max-width: 640px;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 768px;\n  }\n}\n@media (min-width: 1024px) {\n  .container {\n    max-width: 1024px;\n  }\n}\n@media (min-width: 1280px) {\n  .container {\n    max-width: 1280px;\n  }\n}\n@media (min-width: 1536px) {\n  .container {\n    max-width: 1536px;\n  }\n}\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n\n.pointer-events-none {\n  pointer-events: none;\n}\n\n.visible {\n  visibility: visible;\n}\n\n.invisible {\n  visibility: hidden;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.relative {\n  position: relative;\n}\n\n.sticky {\n  position: sticky;\n}\n\n.inset-0 {\n  inset: 0px;\n}\n\n.inset-y-0 {\n  top: 0px;\n  bottom: 0px;\n}\n\n.-bottom-8 {\n  bottom: -2rem;\n}\n\n.bottom-full {\n  bottom: 100%;\n}\n\n.left-0 {\n  left: 0px;\n}\n\n.right-0 {\n  right: 0px;\n}\n\n.right-8 {\n  right: 2rem;\n}\n\n.top-0 {\n  top: 0px;\n}\n\n.isolate {\n  isolation: isolate;\n}\n\n.z-10 {\n  z-index: 10;\n}\n\n.z-100 {\n  z-index: 100;\n}\n\n.z-20 {\n  z-index: 20;\n}\n\n.z-2000 {\n  z-index: 2000;\n}\n\n.z-50 {\n  z-index: 50;\n}\n\n.col-span-2 {\n  grid-column: span 2/span 2;\n}\n\n.col-span-3 {\n  grid-column: span 3/span 3;\n}\n\n.m-0 {\n  margin: 0px;\n}\n\n.m-3 {\n  margin: 0.75rem;\n}\n\n.m-auto {\n  margin: auto;\n}\n\n.-mx-4 {\n  margin-left: -1rem;\n  margin-right: -1rem;\n}\n\n.-my-2 {\n  margin-top: -0.5rem;\n  margin-bottom: -0.5rem;\n}\n\n.mx-2 {\n  margin-left: 0.5rem;\n  margin-right: 0.5rem;\n}\n\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.my-1 {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n\n.my-2 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n\n.my-8 {\n  margin-top: 2rem;\n  margin-bottom: 2rem;\n}\n\n.my-px {\n  margin-top: 1px;\n  margin-bottom: 1px;\n}\n\n.\\!mt-8 {\n  margin-top: 2rem !important;\n}\n\n.-mb-px {\n  margin-bottom: -1px;\n}\n\n.mb-0 {\n  margin-bottom: 0px;\n}\n\n.mb-1 {\n  margin-bottom: 0.25rem;\n}\n\n.mb-10 {\n  margin-bottom: 2.5rem;\n}\n\n.mb-2 {\n  margin-bottom: 0.5rem;\n}\n\n.mb-3 {\n  margin-bottom: 0.75rem;\n}\n\n.mb-4 {\n  margin-bottom: 1rem;\n}\n\n.mb-8 {\n  margin-bottom: 2rem;\n}\n\n.ml-0 {\n  margin-left: 0px;\n}\n\n.ml-0\\.5 {\n  margin-left: 0.125rem;\n}\n\n.ml-1 {\n  margin-left: 0.25rem;\n}\n\n.ml-2 {\n  margin-left: 0.5rem;\n}\n\n.ml-3 {\n  margin-left: 0.75rem;\n}\n\n.ml-auto {\n  margin-left: auto;\n}\n\n.mr-1 {\n  margin-right: 0.25rem;\n}\n\n.mr-2 {\n  margin-right: 0.5rem;\n}\n\n.mr-4 {\n  margin-right: 1rem;\n}\n\n.mt-0 {\n  margin-top: 0px;\n}\n\n.mt-1 {\n  margin-top: 0.25rem;\n}\n\n.mt-2 {\n  margin-top: 0.5rem;\n}\n\n.mt-3 {\n  margin-top: 0.75rem;\n}\n\n.mt-4 {\n  margin-top: 1rem;\n}\n\n.mt-5 {\n  margin-top: 1.25rem;\n}\n\n.mt-6 {\n  margin-top: 1.5rem;\n}\n\n.mt-8 {\n  margin-top: 2rem;\n}\n\n.box-border {\n  box-sizing: border-box;\n}\n\n.block {\n  display: block;\n}\n\n.inline-block {\n  display: inline-block;\n}\n\n.inline {\n  display: inline;\n}\n\n.flex {\n  display: flex;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.table {\n  display: table;\n}\n\n.flow-root {\n  display: flow-root;\n}\n\n.grid {\n  display: grid;\n}\n\n.contents {\n  display: contents;\n}\n\n.hidden {\n  display: none;\n}\n\n.h-10 {\n  height: 2.5rem;\n}\n\n.h-11 {\n  height: 2.75rem;\n}\n\n.h-12 {\n  height: 3rem;\n}\n\n.h-4 {\n  height: 1rem;\n}\n\n.h-5 {\n  height: 1.25rem;\n}\n\n.h-6 {\n  height: 1.5rem;\n}\n\n.h-8 {\n  height: 2rem;\n}\n\n.h-\\[21px\\] {\n  height: 21px;\n}\n\n.h-\\[28px\\] {\n  height: 28px;\n}\n\n.h-full {\n  height: 100%;\n}\n\n.h-px {\n  height: 1px;\n}\n\n.max-h-60 {\n  max-height: 15rem;\n}\n\n.max-h-80 {\n  max-height: 20rem;\n}\n\n.min-h-full {\n  min-height: 100%;\n}\n\n.w-10 {\n  width: 2.5rem;\n}\n\n.w-11 {\n  width: 2.75rem;\n}\n\n.w-12 {\n  width: 3rem;\n}\n\n.w-20 {\n  width: 5rem;\n}\n\n.w-4 {\n  width: 1rem;\n}\n\n.w-5 {\n  width: 1.25rem;\n}\n\n.w-6 {\n  width: 1.5rem;\n}\n\n.w-8 {\n  width: 2rem;\n}\n\n.w-96 {\n  width: 24rem;\n}\n\n.w-\\[44px\\] {\n  width: 44px;\n}\n\n.w-full {\n  width: 100%;\n}\n\n.w-max {\n  width: -moz-max-content;\n  width: max-content;\n}\n\n.w-screen {\n  width: 100vw;\n}\n\n.min-w-0 {\n  min-width: 0px;\n}\n\n.min-w-\\[40\\%\\] {\n  min-width: 40%;\n}\n\n.min-w-full {\n  min-width: 100%;\n}\n\n.max-w-lg {\n  max-width: 32rem;\n}\n\n.max-w-md {\n  max-width: 28rem;\n}\n\n.max-w-sm {\n  max-width: 24rem;\n}\n\n.flex-1 {\n  flex: 1 1 0%;\n}\n\n.flex-auto {\n  flex: 1 1 auto;\n}\n\n.flex-shrink-0 {\n  flex-shrink: 0;\n}\n\n.shrink-0 {\n  flex-shrink: 0;\n}\n\n.flex-grow {\n  flex-grow: 1;\n}\n\n.grow {\n  flex-grow: 1;\n}\n\n.table-auto {\n  table-layout: auto;\n}\n\n.table-fixed {\n  table-layout: fixed;\n}\n\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.animate-spin {\n  animation: spin 1s linear infinite;\n}\n\n.cursor-default {\n  cursor: default;\n}\n\n.cursor-help {\n  cursor: help;\n}\n\n.cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.touch-pan-y {\n  --tw-pan-y: pan-y;\n  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);\n}\n\n.select-none {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.resize-none {\n  resize: none;\n}\n\n.resize-y {\n  resize: vertical;\n}\n\n.resize {\n  resize: both;\n}\n\n.grid-flow-col {\n  grid-auto-flow: column;\n}\n\n.grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.grid-cols-4 {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.grid-cols-subgrid {\n  grid-template-columns: subgrid;\n}\n\n.flex-row {\n  flex-direction: row;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.place-items-start {\n  place-items: start;\n}\n\n.items-start {\n  align-items: flex-start;\n}\n\n.items-end {\n  align-items: flex-end;\n}\n\n.items-center {\n  align-items: center;\n}\n\n.items-stretch {\n  align-items: stretch;\n}\n\n.justify-start {\n  justify-content: flex-start;\n}\n\n.justify-end {\n  justify-content: flex-end;\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.justify-between {\n  justify-content: space-between;\n}\n\n.gap-1 {\n  gap: 0.25rem;\n}\n\n.gap-2 {\n  gap: 0.5rem;\n}\n\n.gap-3 {\n  gap: 0.75rem;\n}\n\n.gap-4 {\n  gap: 1rem;\n}\n\n.gap-6 {\n  gap: 1.5rem;\n}\n\n.gap-8 {\n  gap: 2rem;\n}\n\n.gap-x-1 {\n  -moz-column-gap: 0.25rem;\n       column-gap: 0.25rem;\n}\n\n.gap-x-2 {\n  -moz-column-gap: 0.5rem;\n       column-gap: 0.5rem;\n}\n\n.gap-x-3 {\n  -moz-column-gap: 0.75rem;\n       column-gap: 0.75rem;\n}\n\n.gap-x-4 {\n  -moz-column-gap: 1rem;\n       column-gap: 1rem;\n}\n\n.gap-y-10 {\n  row-gap: 2.5rem;\n}\n\n.gap-y-2 {\n  row-gap: 0.5rem;\n}\n\n.gap-y-4 {\n  row-gap: 1rem;\n}\n\n.space-x-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));\n}\n\n.space-x-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(1rem * var(--tw-space-x-reverse));\n  margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));\n}\n\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n\n.space-y-3 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n\n.space-y-5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));\n}\n\n.divide-y > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-y-reverse: 0;\n  border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));\n  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n\n.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(229, 231, 235, var(--tw-divide-opacity));\n}\n\n.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(209, 213, 219, var(--tw-divide-opacity));\n}\n\n.self-start {\n  align-self: flex-start;\n}\n\n.self-center {\n  align-self: center;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n.overflow-hidden {\n  overflow: hidden;\n}\n\n.overflow-x-auto {\n  overflow-x: auto;\n}\n\n.overflow-y-auto {\n  overflow-y: auto;\n}\n\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n\n.overscroll-contain {\n  overscroll-behavior: contain;\n}\n\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.overflow-ellipsis {\n  text-overflow: ellipsis;\n}\n\n.text-ellipsis {\n  text-overflow: ellipsis;\n}\n\n.whitespace-normal {\n  white-space: normal;\n}\n\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n\n.text-pretty {\n  text-wrap: pretty;\n}\n\n.break-words {\n  overflow-wrap: break-word;\n}\n\n.rounded {\n  border-radius: 0.25rem;\n}\n\n.rounded-full {\n  border-radius: 9999px;\n}\n\n.rounded-lg {\n  border-radius: 0.5rem;\n}\n\n.rounded-md {\n  border-radius: 0.375rem;\n}\n\n.rounded-xl {\n  border-radius: 0.75rem;\n}\n\n.rounded-r-md {\n  border-top-right-radius: 0.375rem;\n  border-bottom-right-radius: 0.375rem;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.border-0 {\n  border-width: 0px;\n}\n\n.border-2 {\n  border-width: 2px;\n}\n\n.border-b {\n  border-bottom-width: 1px;\n}\n\n.border-b-2 {\n  border-bottom-width: 2px;\n}\n\n.border-t {\n  border-top-width: 1px;\n}\n\n.border-solid {\n  border-style: solid;\n}\n\n.border-none {\n  border-style: none;\n}\n\n.border-blue-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(132, 202, 255, var(--tw-border-opacity));\n}\n\n.border-blue-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(83, 177, 253, var(--tw-border-opacity));\n}\n\n.border-blue-400 {\n  --tw-border-opacity: 1;\n  border-color: rgb(46, 144, 250, var(--tw-border-opacity));\n}\n\n.border-blue-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(21, 112, 239, var(--tw-border-opacity));\n}\n\n.border-blue-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(23, 92, 211, var(--tw-border-opacity));\n}\n\n.border-gray-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(229, 231, 235, var(--tw-border-opacity));\n}\n\n.border-gray-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(209, 213, 219, var(--tw-border-opacity));\n}\n\n.border-green-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(187, 247, 208, var(--tw-border-opacity));\n}\n\n.border-green-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(134, 239, 172, var(--tw-border-opacity));\n}\n\n.border-green-400 {\n  --tw-border-opacity: 1;\n  border-color: rgb(74, 222, 128, var(--tw-border-opacity));\n}\n\n.border-green-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(22, 163, 74, var(--tw-border-opacity));\n}\n\n.border-indigo-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(165, 180, 252, var(--tw-border-opacity));\n}\n\n.border-pink-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(249, 168, 212, var(--tw-border-opacity));\n}\n\n.border-purple-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(216, 180, 254, var(--tw-border-opacity));\n}\n\n.border-red-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(254, 202, 202, var(--tw-border-opacity));\n}\n\n.border-red-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(252, 165, 165, var(--tw-border-opacity));\n}\n\n.border-red-400 {\n  --tw-border-opacity: 1;\n  border-color: rgb(248, 113, 113, var(--tw-border-opacity));\n}\n\n.border-red-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(220, 38, 38, var(--tw-border-opacity));\n}\n\n.border-slate-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(71, 85, 105, var(--tw-border-opacity));\n}\n\n.border-transparent {\n  border-color: transparent;\n}\n\n.border-yellow-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(254, 240, 138, var(--tw-border-opacity));\n}\n\n.border-yellow-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(253, 224, 71, var(--tw-border-opacity));\n}\n\n.border-yellow-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(202, 138, 4, var(--tw-border-opacity));\n}\n\n.bg-\\[\\#F9FAFB\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(249, 250, 251, var(--tw-bg-opacity));\n}\n\n.bg-\\[\\#FFFAEB\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255, 250, 235, var(--tw-bg-opacity));\n}\n\n.bg-blue-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(178, 221, 255, var(--tw-bg-opacity));\n}\n\n.bg-blue-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(209, 233, 255, var(--tw-bg-opacity));\n}\n\n.bg-blue-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(21, 112, 239, var(--tw-bg-opacity));\n}\n\n.bg-blue-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23, 92, 211, var(--tw-bg-opacity));\n}\n\n.bg-gray-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243, 244, 246, var(--tw-bg-opacity));\n}\n\n.bg-gray-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229, 231, 235, var(--tw-bg-opacity));\n}\n\n.bg-gray-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(249, 250, 251, var(--tw-bg-opacity));\n}\n\n.bg-gray-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(107, 114, 128, var(--tw-bg-opacity));\n}\n\n.bg-gray-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(17, 24, 39, var(--tw-bg-opacity));\n}\n\n.bg-green-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220, 252, 231, var(--tw-bg-opacity));\n}\n\n.bg-green-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(240, 253, 244, var(--tw-bg-opacity));\n}\n\n.bg-indigo-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(224, 231, 255, var(--tw-bg-opacity));\n}\n\n.bg-photon-blue {\n  --tw-bg-opacity: 1;\n  background-color: rgb(49, 130, 206, var(--tw-bg-opacity));\n}\n\n.bg-pink-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(252, 231, 243, var(--tw-bg-opacity));\n}\n\n.bg-purple-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243, 232, 255, var(--tw-bg-opacity));\n}\n\n.bg-red-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254, 226, 226, var(--tw-bg-opacity));\n}\n\n.bg-red-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254, 242, 242, var(--tw-bg-opacity));\n}\n\n.bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239, 68, 68, var(--tw-bg-opacity));\n}\n\n.bg-slate-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241, 245, 249, var(--tw-bg-opacity));\n}\n\n.bg-slate-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248, 250, 252, var(--tw-bg-opacity));\n}\n\n.bg-transparent {\n  background-color: transparent;\n}\n\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.bg-yellow-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254, 249, 195, var(--tw-bg-opacity));\n}\n\n.bg-yellow-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254, 252, 232, var(--tw-bg-opacity));\n}\n\n.bg-opacity-75 {\n  --tw-bg-opacity: 0.75;\n}\n\n.fill-blue-500 {\n  fill: #1570EF;\n}\n\n.fill-green-500 {\n  fill: #22c55e;\n}\n\n.p-0 {\n  padding: 0px;\n}\n\n.p-2 {\n  padding: 0.5rem;\n}\n\n.p-4 {\n  padding: 1rem;\n}\n\n.px-1 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n\n.px-1\\.5 {\n  padding-left: 0.375rem;\n  padding-right: 0.375rem;\n}\n\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.px-2\\.5 {\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n}\n\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n\n.px-3\\.5 {\n  padding-left: 0.875rem;\n  padding-right: 0.875rem;\n}\n\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n.py-0 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n\n.py-0\\.5 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n\n.py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n\n.py-1\\.5 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.py-2\\.5 {\n  padding-top: 0.625rem;\n  padding-bottom: 0.625rem;\n}\n\n.py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n\n.py-3\\.5 {\n  padding-top: 0.875rem;\n  padding-bottom: 0.875rem;\n}\n\n.py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n\n.pb-1 {\n  padding-bottom: 0.25rem;\n}\n\n.pb-2 {\n  padding-bottom: 0.5rem;\n}\n\n.pb-4 {\n  padding-bottom: 1rem;\n}\n\n.pl-1 {\n  padding-left: 0.25rem;\n}\n\n.pl-10 {\n  padding-left: 2.5rem;\n}\n\n.pl-2 {\n  padding-left: 0.5rem;\n}\n\n.pl-3 {\n  padding-left: 0.75rem;\n}\n\n.pl-5 {\n  padding-left: 1.25rem;\n}\n\n.pl-\\[19\\.75px\\] {\n  padding-left: 19.75px;\n}\n\n.pr-2 {\n  padding-right: 0.5rem;\n}\n\n.pr-3 {\n  padding-right: 0.75rem;\n}\n\n.pr-4 {\n  padding-right: 1rem;\n}\n\n.pr-5 {\n  padding-right: 1.25rem;\n}\n\n.pt-1 {\n  padding-top: 0.25rem;\n}\n\n.pt-2 {\n  padding-top: 0.5rem;\n}\n\n.pt-3 {\n  padding-top: 0.75rem;\n}\n\n.pt-4 {\n  padding-top: 1rem;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.text-end {\n  text-align: end;\n}\n\n.align-top {\n  vertical-align: top;\n}\n\n.align-middle {\n  vertical-align: middle;\n}\n\n.font-mono {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n.font-sans {\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\n.text-3xl {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n\n.text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n.text-sm\\/6 {\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n}\n\n.text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.font-bold {\n  font-weight: 700;\n}\n\n.font-extrabold {\n  font-weight: 800;\n}\n\n.font-light {\n  font-weight: 300;\n}\n\n.font-medium {\n  font-weight: 500;\n}\n\n.font-normal {\n  font-weight: 400;\n}\n\n.font-semibold {\n  font-weight: 600;\n}\n\n.uppercase {\n  text-transform: uppercase;\n}\n\n.capitalize {\n  text-transform: capitalize;\n}\n\n.italic {\n  font-style: italic;\n}\n\n.leading-6 {\n  line-height: 1.5rem;\n}\n\n.leading-none {\n  line-height: 1;\n}\n\n.leading-snug {\n  line-height: 1.375;\n}\n\n.text-\\[\\#DC6803\\] {\n  --tw-text-opacity: 1;\n  color: rgb(220, 104, 3, var(--tw-text-opacity));\n}\n\n.text-black {\n  --tw-text-opacity: 1;\n  color: rgb(0, 0, 0, var(--tw-text-opacity));\n}\n\n.text-blue-500 {\n  --tw-text-opacity: 1;\n  color: rgb(21, 112, 239, var(--tw-text-opacity));\n}\n\n.text-blue-600 {\n  --tw-text-opacity: 1;\n  color: rgb(23, 92, 211, var(--tw-text-opacity));\n}\n\n.text-blue-700 {\n  --tw-text-opacity: 1;\n  color: rgb(24, 73, 169, var(--tw-text-opacity));\n}\n\n.text-blue-800 {\n  --tw-text-opacity: 1;\n  color: rgb(25, 65, 133, var(--tw-text-opacity));\n}\n\n.text-blue-900 {\n  --tw-text-opacity: 1;\n  color: rgb(16, 42, 86, var(--tw-text-opacity));\n}\n\n.text-current {\n  color: currentColor;\n}\n\n.text-gray-200 {\n  --tw-text-opacity: 1;\n  color: rgb(229, 231, 235, var(--tw-text-opacity));\n}\n\n.text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156, 163, 175, var(--tw-text-opacity));\n}\n\n.text-gray-50 {\n  --tw-text-opacity: 1;\n  color: rgb(249, 250, 251, var(--tw-text-opacity));\n}\n\n.text-gray-500 {\n  --tw-text-opacity: 1;\n  color: rgb(107, 114, 128, var(--tw-text-opacity));\n}\n\n.text-gray-600 {\n  --tw-text-opacity: 1;\n  color: rgb(75, 85, 99, var(--tw-text-opacity));\n}\n\n.text-gray-700 {\n  --tw-text-opacity: 1;\n  color: rgb(55, 65, 81, var(--tw-text-opacity));\n}\n\n.text-gray-900 {\n  --tw-text-opacity: 1;\n  color: rgb(17, 24, 39, var(--tw-text-opacity));\n}\n\n.text-green-500 {\n  --tw-text-opacity: 1;\n  color: rgb(34, 197, 94, var(--tw-text-opacity));\n}\n\n.text-green-600 {\n  --tw-text-opacity: 1;\n  color: rgb(22, 163, 74, var(--tw-text-opacity));\n}\n\n.text-green-700 {\n  --tw-text-opacity: 1;\n  color: rgb(21, 128, 61, var(--tw-text-opacity));\n}\n\n.text-green-800 {\n  --tw-text-opacity: 1;\n  color: rgb(22, 101, 52, var(--tw-text-opacity));\n}\n\n.text-indigo-700 {\n  --tw-text-opacity: 1;\n  color: rgb(67, 56, 202, var(--tw-text-opacity));\n}\n\n.text-pink-700 {\n  --tw-text-opacity: 1;\n  color: rgb(190, 24, 93, var(--tw-text-opacity));\n}\n\n.text-purple-700 {\n  --tw-text-opacity: 1;\n  color: rgb(126, 34, 206, var(--tw-text-opacity));\n}\n\n.text-red-400 {\n  --tw-text-opacity: 1;\n  color: rgb(248, 113, 113, var(--tw-text-opacity));\n}\n\n.text-red-500 {\n  --tw-text-opacity: 1;\n  color: rgb(239, 68, 68, var(--tw-text-opacity));\n}\n\n.text-red-600 {\n  --tw-text-opacity: 1;\n  color: rgb(220, 38, 38, var(--tw-text-opacity));\n}\n\n.text-red-700 {\n  --tw-text-opacity: 1;\n  color: rgb(185, 28, 28, var(--tw-text-opacity));\n}\n\n.text-red-800 {\n  --tw-text-opacity: 1;\n  color: rgb(153, 27, 27, var(--tw-text-opacity));\n}\n\n.text-slate-500 {\n  --tw-text-opacity: 1;\n  color: rgb(100, 116, 139, var(--tw-text-opacity));\n}\n\n.text-slate-600 {\n  --tw-text-opacity: 1;\n  color: rgb(71, 85, 105, var(--tw-text-opacity));\n}\n\n.text-teal-600 {\n  --tw-text-opacity: 1;\n  color: rgb(13, 148, 136, var(--tw-text-opacity));\n}\n\n.text-transparent {\n  color: transparent;\n}\n\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255, 255, 255, var(--tw-text-opacity));\n}\n\n.text-yellow-600 {\n  --tw-text-opacity: 1;\n  color: rgb(202, 138, 4, var(--tw-text-opacity));\n}\n\n.text-yellow-800 {\n  --tw-text-opacity: 1;\n  color: rgb(133, 77, 14, var(--tw-text-opacity));\n}\n\n.underline {\n  text-decoration-line: underline;\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.opacity-100 {\n  opacity: 1;\n}\n\n.opacity-35 {\n  opacity: 0.35;\n}\n\n.opacity-50 {\n  opacity: 0.5;\n}\n\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.shadow-card {\n  --tw-shadow: 0px 0px 1px rgba(48, 49, 51, 0.05),0px 2px 4px rgba(48, 49, 51, 0.1);\n  --tw-shadow-colored: 0px 0px 1px var(--tw-shadow-color), 0px 2px 4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.shadow-xl {\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.ring-1 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));\n}\n\n.ring-2 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));\n}\n\n.ring-inset {\n  --tw-ring-inset: inset;\n}\n\n.ring-black {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));\n}\n\n.ring-blue-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(83 177 253 / var(--tw-ring-opacity));\n}\n\n.ring-gray-200 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));\n}\n\n.ring-gray-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));\n}\n\n.ring-gray-900\\/5 {\n  --tw-ring-color: rgb(17 24 39 / 0.05);\n}\n\n.ring-red-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));\n}\n\n.ring-sky-500\\/40 {\n  --tw-ring-color: rgb(14 165 233 / 0.4);\n}\n\n.ring-opacity-5 {\n  --tw-ring-opacity: 0.05;\n}\n\n.blur {\n  --tw-blur: blur(8px);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.duration-100 {\n  transition-duration: 100ms;\n}\n\n.ease-in {\n  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n}\n\n.ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.ease-out {\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.theme-photon, [data-theme=photon] {\n  --twc-primaryText: 210 20% 98%;\n  --twc-primary500: 238.70000000000005 83.5% 66.7%;\n  --twc-primary600: 243.39999999999998 75.4% 58.6%;\n  --twc-secondaryText: 220.89999999999998 39.3% 11%;\n  --twc-secondary50: 225.89999999999998 100% 96.7%;\n  --twc-secondary100: 226.5 100% 93.9%;\n}\n\n.theme-weekend, [data-theme=weekend] {\n  --twc-primaryText: 210 20% 98%;\n  --twc-primary500: 198.60000000000002 88.7% 48.4%;\n  --twc-primary600: 200.39999999999998 98% 39.4%;\n  --twc-secondaryText: 220.89999999999998 39.3% 11%;\n  --twc-secondary50: 204 100% 97.1%;\n  --twc-secondary100: 204 93.8% 93.7%;\n}\n\n.\\[overflow-wrap\\:anywhere\\] {\n  overflow-wrap: anywhere;\n}\n\n.placeholder\\:text-gray-400::-moz-placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(156, 163, 175, var(--tw-text-opacity));\n}\n\n.placeholder\\:text-gray-400::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(156, 163, 175, var(--tw-text-opacity));\n}\n\n.placeholder\\:text-red-300::-moz-placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(252, 165, 165, var(--tw-text-opacity));\n}\n\n.placeholder\\:text-red-300::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(252, 165, 165, var(--tw-text-opacity));\n}\n\n.even\\:bg-gray-50:nth-child(even) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(249, 250, 251, var(--tw-bg-opacity));\n}\n\n.hover\\:cursor-pointer:hover {\n  cursor: pointer;\n}\n\n.hover\\:border-gray-300:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(209, 213, 219, var(--tw-border-opacity));\n}\n\n.hover\\:bg-blue-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(178, 221, 255, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(209, 233, 255, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-600:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23, 92, 211, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-700:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(24, 73, 169, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-gray-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(249, 250, 251, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-photon-blue-dark:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(43, 108, 176, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-red-600:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220, 38, 38, var(--tw-bg-opacity));\n}\n\n.hover\\:text-amber-500:hover {\n  --tw-text-opacity: 1;\n  color: rgb(245, 158, 11, var(--tw-text-opacity));\n}\n\n.hover\\:text-blue-500:hover {\n  --tw-text-opacity: 1;\n  color: rgb(21, 112, 239, var(--tw-text-opacity));\n}\n\n.hover\\:text-gray-500:hover {\n  --tw-text-opacity: 1;\n  color: rgb(107, 114, 128, var(--tw-text-opacity));\n}\n\n.hover\\:text-gray-600:hover {\n  --tw-text-opacity: 1;\n  color: rgb(75, 85, 99, var(--tw-text-opacity));\n}\n\n.hover\\:text-gray-700:hover {\n  --tw-text-opacity: 1;\n  color: rgb(55, 65, 81, var(--tw-text-opacity));\n}\n\n.hover\\:text-gray-900:hover {\n  --tw-text-opacity: 1;\n  color: rgb(17, 24, 39, var(--tw-text-opacity));\n}\n\n.hover\\:text-red-500:hover {\n  --tw-text-opacity: 1;\n  color: rgb(239, 68, 68, var(--tw-text-opacity));\n}\n\n.hover\\:underline:hover {\n  text-decoration-line: underline;\n}\n\n.hover\\:ring-gray-400:hover {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));\n}\n\n.focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.focus\\:outline-0:focus {\n  outline-width: 0px;\n}\n\n.focus\\:ring-1:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));\n}\n\n.focus\\:ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));\n}\n\n.focus\\:ring-inset:focus {\n  --tw-ring-inset: inset;\n}\n\n.focus\\:ring-blue-300:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(83 177 253 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-blue-500:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(21 112 239 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-blue-600:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(23 92 211 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-gray-300:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-red-500:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-sky-500\\/40:focus {\n  --tw-ring-color: rgb(14 165 233 / 0.4);\n}\n\n.focus\\:ring-offset-2:focus {\n  --tw-ring-offset-width: 2px;\n}\n\n.focus-visible\\:outline:focus-visible {\n  outline-style: solid;\n}\n\n.focus-visible\\:outline-2:focus-visible {\n  outline-width: 2px;\n}\n\n.focus-visible\\:outline-offset-2:focus-visible {\n  outline-offset: 2px;\n}\n\n.active\\:bg-gray-100:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243, 244, 246, var(--tw-bg-opacity));\n}\n\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n\n.disabled\\:bg-gray-500:disabled {\n  --tw-bg-opacity: 1;\n  background-color: rgb(107, 114, 128, var(--tw-bg-opacity));\n}\n\n.disabled\\:opacity-50:disabled {\n  opacity: 0.5;\n}\n\n.disabled\\:hover\\:bg-transparent:hover:disabled {\n  background-color: transparent;\n}\n\n.disabled\\:hover\\:text-gray-700:hover:disabled {\n  --tw-text-opacity: 1;\n  color: rgb(55, 65, 81, var(--tw-text-opacity));\n}\n\n.group:hover .group-hover\\:bg-blue-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(178, 221, 255, var(--tw-bg-opacity));\n}\n\n.group:hover .group-hover\\:text-blue-600 {\n  --tw-text-opacity: 1;\n  color: rgb(23, 92, 211, var(--tw-text-opacity));\n}\n\n.group:hover .group-hover\\:text-blue-900 {\n  --tw-text-opacity: 1;\n  color: rgb(16, 42, 86, var(--tw-text-opacity));\n}\n\n.group:hover .group-hover\\:opacity-100 {\n  opacity: 1;\n}\n\n@media (min-width: 475px) {\n  .xs\\:mx-auto {\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .xs\\:w-auto {\n    width: auto;\n  }\n  .xs\\:w-fit {\n    width: -moz-fit-content;\n    width: fit-content;\n  }\n  .xs\\:flex-row {\n    flex-direction: row;\n  }\n  .xs\\:flex-row-reverse {\n    flex-direction: row-reverse;\n  }\n  .xs\\:justify-start {\n    justify-content: flex-start;\n  }\n  .xs\\:text-base {\n    font-size: 1rem;\n    line-height: 1.5rem;\n  }\n}\n@media (min-width: 640px) {\n  .sm\\:-mx-6 {\n    margin-left: -1.5rem;\n    margin-right: -1.5rem;\n  }\n  .sm\\:my-8 {\n    margin-top: 2rem;\n    margin-bottom: 2rem;\n  }\n  .sm\\:mt-5 {\n    margin-top: 1.25rem;\n  }\n  .sm\\:mt-6 {\n    margin-top: 1.5rem;\n  }\n  .sm\\:block {\n    display: block;\n  }\n  .sm\\:inline {\n    display: inline;\n  }\n  .sm\\:grid {\n    display: grid;\n  }\n  .sm\\:hidden {\n    display: none;\n  }\n  .sm\\:h-12 {\n    height: 3rem;\n  }\n  .sm\\:w-\\[600px\\] {\n    width: 600px;\n  }\n  .sm\\:w-auto {\n    width: auto;\n  }\n  .sm\\:w-fit {\n    width: -moz-fit-content;\n    width: fit-content;\n  }\n  .sm\\:max-w-lg {\n    max-width: 32rem;\n  }\n  .sm\\:max-w-md {\n    max-width: 28rem;\n  }\n  .sm\\:max-w-sm {\n    max-width: 24rem;\n  }\n  .sm\\:grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .sm\\:grid-cols-6 {\n    grid-template-columns: repeat(6, minmax(0, 1fr));\n  }\n  .sm\\:flex-row {\n    flex-direction: row;\n  }\n  .sm\\:items-center {\n    align-items: center;\n  }\n  .sm\\:gap-2 {\n    gap: 0.5rem;\n  }\n  .sm\\:gap-4 {\n    gap: 1rem;\n  }\n  .sm\\:space-x-6 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(1.5rem * var(--tw-space-x-reverse));\n    margin-left: calc(1.5rem * (1 - var(--tw-space-x-reverse)));\n  }\n  .sm\\:p-0 {\n    padding: 0px;\n  }\n  .sm\\:p-6 {\n    padding: 1.5rem;\n  }\n  .sm\\:px-4 {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n  .sm\\:px-6 {\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n  }\n  .sm\\:py-4 {\n    padding-top: 1rem;\n    padding-bottom: 1rem;\n  }\n  .sm\\:pr-6 {\n    padding-right: 1.5rem;\n  }\n  .sm\\:pt-6 {\n    padding-top: 1.5rem;\n  }\n  .sm\\:text-base {\n    font-size: 1rem;\n    line-height: 1.5rem;\n  }\n  .sm\\:text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n  .sm\\:leading-6 {\n    line-height: 1.5rem;\n  }\n}\n@media (min-width: 768px) {\n  .md\\:\\!mt-8 {\n    margin-top: 2rem !important;\n  }\n  .md\\:\\!block {\n    display: block !important;\n  }\n  .md\\:flex {\n    display: flex;\n  }\n  .md\\:\\!hidden {\n    display: none !important;\n  }\n  .md\\:grid-cols-8 {\n    grid-template-columns: repeat(8, minmax(0, 1fr));\n  }\n  .md\\:flex-row {\n    flex-direction: row;\n  }\n  .md\\:items-center {\n    align-items: center;\n  }\n  .md\\:gap-1 {\n    gap: 0.25rem;\n  }\n  .md\\:space-x-8 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(2rem * var(--tw-space-x-reverse));\n    margin-left: calc(2rem * (1 - var(--tw-space-x-reverse)));\n  }\n  .md\\:px-4 {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n  .md\\:px-8 {\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n  .md\\:py-3 {\n    padding-top: 0.75rem;\n    padding-bottom: 0.75rem;\n  }\n  .md\\:text-right {\n    text-align: right;\n  }\n  .md\\:text-3xl {\n    font-size: 1.875rem;\n    line-height: 2.25rem;\n  }\n  .md\\:text-xl {\n    font-size: 1.25rem;\n    line-height: 1.75rem;\n  }\n}\n@media (min-width: 1024px) {\n  .lg\\:-mx-8 {\n    margin-left: -2rem;\n    margin-right: -2rem;\n  }\n  .lg\\:px-8 {\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n}\n@media (prefers-color-scheme: dark) {\n  .dark\\:bg-gray-700 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(55, 65, 81, var(--tw-bg-opacity));\n  }\n  .dark\\:text-gray-600 {\n    --tw-text-opacity: 1;\n    color: rgb(75, 85, 99, var(--tw-text-opacity));\n  }\n}";
 
-var _tmpl$$q = /* @__PURE__ */ template$1(`<style>`), _tmpl$2$m = /* @__PURE__ */ template$1(`<button class="w-full disabled:bg-gray-500 bg-photon-blue hover:bg-blue-700 text-white h-10 px-4 rounded-lg font-sans hover:bg-photon-blue-dark transition ease-in-out delay-50">`);
+var _tmpl$$r = /* @__PURE__ */ template$1(`<style>`), _tmpl$2$m = /* @__PURE__ */ template$1(`<button class="w-full disabled:bg-gray-500 bg-photon-blue hover:bg-blue-700 text-white h-10 px-4 rounded-lg font-sans hover:bg-photon-blue-dark transition ease-in-out delay-50">`);
 const Component$9 = (props) => {
   const client = usePhoton();
   createEffect(() => {
@@ -58655,7 +59016,7 @@ const Component$9 = (props) => {
     }
   });
   return [(() => {
-    var _el$ = _tmpl$$q();
+    var _el$ = _tmpl$$r();
     insert$1(_el$, tailwind);
     return _el$;
   })(), client ? (() => {
@@ -58689,7 +59050,7 @@ customElement("photon-auth-button", {
 }, Component$9);
 delegateEvents$1(["click"]);
 
-var _tmpl$$p = /* @__PURE__ */ template$1(`<style>`), _tmpl$2$l = /* @__PURE__ */ template$1(`<div class="flex flex-col w-screen max-w-sm"><svg viewBox="0 0 305 62.61"xmlns=http://www.w3.org/2000/svg class="h-[28px] pl-[19.75px]"><g fill=#273D52><path d="M0 54.1169H6.81375V35.7722H18.0826C29.5481 35.7722 34.3963 30.3343 34.3963 18.7378V17.4275C34.3963 5.76548 29.417 0.655167 18.0826 0.655167H0V54.1169ZM6.81375 30.1377V6.28961H18.2792C24.7653 6.28961 27.386 8.9758 27.386 16.0516V20.0481C27.386 27.1895 24.7653 30.1377 18.2792 30.1377H6.81375Z"></path><path d="M70.9593 54.1169H77.773V0.655167H70.9593V24.4378H50.8456V0.655167H44.0319V54.1169H50.8456V30.3343H70.9593V54.1169Z"></path><path d="M107.146 54.772C119.528 54.772 125.687 46.5169 125.687 34.9205V19.7861C125.687 8.25511 119.528 0 107.146 0C94.6974 0 88.5388 8.25511 88.5388 19.7861V34.9205C88.5388 46.5169 94.6974 54.772 107.146 54.772ZM95.5491 35.9687V18.8033C95.5491 10.7448 99.4801 5.89651 107.146 5.89651C114.745 5.89651 118.677 10.7448 118.677 18.8033V35.9687C118.677 44.0928 114.745 48.8755 107.146 48.8755C99.4801 48.8755 95.5491 44.0928 95.5491 35.9687Z"></path><path d="M144.295 54.1169H151.109V6.48616H164.54V0.655167H130.864V6.48616H144.295V54.1169Z"></path><path d="M188.299 54.772C200.682 54.772 206.841 46.5169 206.841 34.9205V19.7861C206.841 8.25511 200.682 0 188.299 0C175.851 0 169.693 8.25511 169.693 19.7861V34.9205C169.693 46.5169 175.851 54.772 188.299 54.772ZM176.703 35.9687V18.8033C176.703 10.7448 180.634 5.89651 188.299 5.89651C195.899 5.89651 199.83 10.7448 199.83 18.8033V35.9687C199.83 44.0928 195.899 48.8755 188.299 48.8755C180.634 48.8755 176.703 44.0928 176.703 35.9687Z"></path><path d="M217.6 54.1169H224.021V14.3482L245.576 54.1169H252.608L248.058 45.1084L245.641 40.4239L224.086 0.655167H217.6V54.1169Z"></path></g><g fill=#B35724><circle cx=249.798 cy=5.202 r=5.202></circle></g></svg><h1 class="font-medium text-3xl text-center font-sans mt-6 mb-3">Log in to your account</h1><p class="text-gray-500 font-sans text-center mb-8">Don't have an account? <a href=mailto:support@photon.health class="text-teal-600 hover:underline hover:cursor-pointer font-sans font-light">Contact Support</a></p><photon-auth-button>`, true, false, false);
+var _tmpl$$q = /* @__PURE__ */ template$1(`<style>`), _tmpl$2$l = /* @__PURE__ */ template$1(`<div class="flex flex-col w-screen max-w-sm"><svg viewBox="0 0 305 62.61"xmlns=http://www.w3.org/2000/svg class="h-[28px] pl-[19.75px]"><g fill=#273D52><path d="M0 54.1169H6.81375V35.7722H18.0826C29.5481 35.7722 34.3963 30.3343 34.3963 18.7378V17.4275C34.3963 5.76548 29.417 0.655167 18.0826 0.655167H0V54.1169ZM6.81375 30.1377V6.28961H18.2792C24.7653 6.28961 27.386 8.9758 27.386 16.0516V20.0481C27.386 27.1895 24.7653 30.1377 18.2792 30.1377H6.81375Z"></path><path d="M70.9593 54.1169H77.773V0.655167H70.9593V24.4378H50.8456V0.655167H44.0319V54.1169H50.8456V30.3343H70.9593V54.1169Z"></path><path d="M107.146 54.772C119.528 54.772 125.687 46.5169 125.687 34.9205V19.7861C125.687 8.25511 119.528 0 107.146 0C94.6974 0 88.5388 8.25511 88.5388 19.7861V34.9205C88.5388 46.5169 94.6974 54.772 107.146 54.772ZM95.5491 35.9687V18.8033C95.5491 10.7448 99.4801 5.89651 107.146 5.89651C114.745 5.89651 118.677 10.7448 118.677 18.8033V35.9687C118.677 44.0928 114.745 48.8755 107.146 48.8755C99.4801 48.8755 95.5491 44.0928 95.5491 35.9687Z"></path><path d="M144.295 54.1169H151.109V6.48616H164.54V0.655167H130.864V6.48616H144.295V54.1169Z"></path><path d="M188.299 54.772C200.682 54.772 206.841 46.5169 206.841 34.9205V19.7861C206.841 8.25511 200.682 0 188.299 0C175.851 0 169.693 8.25511 169.693 19.7861V34.9205C169.693 46.5169 175.851 54.772 188.299 54.772ZM176.703 35.9687V18.8033C176.703 10.7448 180.634 5.89651 188.299 5.89651C195.899 5.89651 199.83 10.7448 199.83 18.8033V35.9687C199.83 44.0928 195.899 48.8755 188.299 48.8755C180.634 48.8755 176.703 44.0928 176.703 35.9687Z"></path><path d="M217.6 54.1169H224.021V14.3482L245.576 54.1169H252.608L248.058 45.1084L245.641 40.4239L224.086 0.655167H217.6V54.1169Z"></path></g><g fill=#B35724><circle cx=249.798 cy=5.202 r=5.202></circle></g></svg><h1 class="font-medium text-3xl text-center font-sans mt-6 mb-3">Log in to your account</h1><p class="text-gray-500 font-sans text-center mb-8">Don't have an account? <a href=mailto:support@photon.health class="text-teal-600 hover:underline hover:cursor-pointer font-sans font-light">Contact Support</a></p><photon-auth-button>`, true, false, false);
 const Component$8 = (props) => {
   const client = usePhoton();
   createEffect(() => {
@@ -58698,7 +59059,7 @@ const Component$8 = (props) => {
     }
   });
   return [(() => {
-    var _el$ = _tmpl$$p();
+    var _el$ = _tmpl$$q();
     insert$1(_el$, tailwind);
     return _el$;
   })(), (() => {
@@ -59195,7 +59556,7 @@ const shoelaceLightStyles = "\n\n:host {}\n\n:root,\n:host,\n.sl-theme-light {\n
 
 const shoelaceDarkStyles = "\n\n:host {}\n\n:host,\n.sl-theme-dark {\n  color-scheme: dark;\n  --sl-color-gray-50: hsl(240 5.1% 15%);\n  --sl-color-gray-100: hsl(240 5.7% 18.2%);\n  --sl-color-gray-200: hsl(240 4.6% 22%);\n  --sl-color-gray-300: hsl(240 5% 27.6%);\n  --sl-color-gray-400: hsl(240 5% 35.5%);\n  --sl-color-gray-500: hsl(240 3.7% 44%);\n  --sl-color-gray-600: hsl(240 5.3% 58%);\n  --sl-color-gray-700: hsl(240 5.6% 73%);\n  --sl-color-gray-800: hsl(240 7.3% 84%);\n  --sl-color-gray-900: hsl(240 9.1% 91.8%);\n  --sl-color-gray-950: hsl(0 0% 95%);\n  --sl-color-red-50: hsl(0 56% 23.9%);\n  --sl-color-red-100: hsl(0.6 60% 33.9%);\n  --sl-color-red-200: hsl(0.9 67.2% 37.1%);\n  --sl-color-red-300: hsl(1.1 71.3% 43.7%);\n  --sl-color-red-400: hsl(1 76% 52.5%);\n  --sl-color-red-500: hsl(0.7 89.6% 57.2%);\n  --sl-color-red-600: hsl(0 98.6% 67.9%);\n  --sl-color-red-700: hsl(0 100% 72.3%);\n  --sl-color-red-800: hsl(0 100% 85.6%);\n  --sl-color-red-900: hsl(0 100% 90.3%);\n  --sl-color-red-950: hsl(0 100% 95.9%);\n  --sl-color-orange-50: hsl(15 64.2% 23.3%);\n  --sl-color-orange-100: hsl(15.1 70.9% 31.1%);\n  --sl-color-orange-200: hsl(15.3 75.7% 35.5%);\n  --sl-color-orange-300: hsl(17.1 83.5% 42.7%);\n  --sl-color-orange-400: hsl(20.1 88% 50.8%);\n  --sl-color-orange-500: hsl(24.3 100% 50.5%);\n  --sl-color-orange-600: hsl(27.2 100% 57.7%);\n  --sl-color-orange-700: hsl(31.3 100% 68.7%);\n  --sl-color-orange-800: hsl(33.8 100% 79.3%);\n  --sl-color-orange-900: hsl(38.9 100% 87.7%);\n  --sl-color-orange-950: hsl(46.2 100% 95%);\n  --sl-color-amber-50: hsl(21.9 66.3% 21.1%);\n  --sl-color-amber-100: hsl(21.5 73.6% 29.7%);\n  --sl-color-amber-200: hsl(22.3 77.6% 33.3%);\n  --sl-color-amber-300: hsl(25.4 84.2% 39.6%);\n  --sl-color-amber-400: hsl(31.4 87.4% 46.7%);\n  --sl-color-amber-500: hsl(37 96.6% 48.3%);\n  --sl-color-amber-600: hsl(43.3 100% 53.4%);\n  --sl-color-amber-700: hsl(46.5 100% 61.1%);\n  --sl-color-amber-800: hsl(49.3 100% 73%);\n  --sl-color-amber-900: hsl(51.8 100% 85%);\n  --sl-color-amber-950: hsl(60 100% 94.6%);\n  --sl-color-yellow-50: hsl(32.5 60% 18.2%);\n  --sl-color-yellow-100: hsl(28.1 68.6% 29%);\n  --sl-color-yellow-200: hsl(31.3 75.8% 30.8%);\n  --sl-color-yellow-300: hsl(34.7 84.4% 35.3%);\n  --sl-color-yellow-400: hsl(40.1 87.3% 43.3%);\n  --sl-color-yellow-500: hsl(44.7 88% 46%);\n  --sl-color-yellow-600: hsl(47.7 100% 50.9%);\n  --sl-color-yellow-700: hsl(51.3 100% 59.9%);\n  --sl-color-yellow-800: hsl(54.6 100% 73%);\n  --sl-color-yellow-900: hsl(58.9 100% 84.2%);\n  --sl-color-yellow-950: hsl(60 100% 94%);\n  --sl-color-lime-50: hsl(86.5 54.4% 18%);\n  --sl-color-lime-100: hsl(87.6 56.8% 23.3%);\n  --sl-color-lime-200: hsl(85.8 63.2% 24.5%);\n  --sl-color-lime-300: hsl(86.1 72% 29.4%);\n  --sl-color-lime-400: hsl(85.5 76.8% 37.3%);\n  --sl-color-lime-500: hsl(84.3 74.2% 42.1%);\n  --sl-color-lime-600: hsl(82.8 81.5% 52.6%);\n  --sl-color-lime-700: hsl(82 89.9% 64%);\n  --sl-color-lime-800: hsl(80.9 97.9% 76.6%);\n  --sl-color-lime-900: hsl(77.9 100% 85.8%);\n  --sl-color-lime-950: hsl(69.5 100% 93.8%);\n  --sl-color-green-50: hsl(144.3 53.6% 16%);\n  --sl-color-green-100: hsl(143.2 55.4% 23.5%);\n  --sl-color-green-200: hsl(141.5 58.2% 26.3%);\n  --sl-color-green-300: hsl(140.8 64.2% 31.8%);\n  --sl-color-green-400: hsl(140.3 68% 39.2%);\n  --sl-color-green-500: hsl(141.1 64.9% 43%);\n  --sl-color-green-600: hsl(141.6 72.4% 55.2%);\n  --sl-color-green-700: hsl(141.7 82.7% 70.1%);\n  --sl-color-green-800: hsl(141 90.9% 82.1%);\n  --sl-color-green-900: hsl(142 100% 89.1%);\n  --sl-color-green-950: hsl(144 100% 95.5%);\n  --sl-color-emerald-50: hsl(164.3 75% 13.5%);\n  --sl-color-emerald-100: hsl(163.5 72.6% 20.1%);\n  --sl-color-emerald-200: hsl(162.1 73.7% 22.4%);\n  --sl-color-emerald-300: hsl(161.3 77.3% 27.6%);\n  --sl-color-emerald-400: hsl(159.6 77.1% 34.3%);\n  --sl-color-emerald-500: hsl(159.1 73.5% 37.9%);\n  --sl-color-emerald-600: hsl(157.8 66.8% 48.9%);\n  --sl-color-emerald-700: hsl(156.2 76.1% 63.8%);\n  --sl-color-emerald-800: hsl(152.4 84.4% 77.4%);\n  --sl-color-emerald-900: hsl(149.3 100% 87%);\n  --sl-color-emerald-950: hsl(158.6 100% 94.8%);\n  --sl-color-teal-50: hsl(176.5 51.5% 15.4%);\n  --sl-color-teal-100: hsl(175.9 54.7% 22.3%);\n  --sl-color-teal-200: hsl(175.9 60.7% 23.9%);\n  --sl-color-teal-300: hsl(174.5 67.3% 28.8%);\n  --sl-color-teal-400: hsl(174.4 71.9% 34.9%);\n  --sl-color-teal-500: hsl(173.1 71% 38.3%);\n  --sl-color-teal-600: hsl(172.3 68.2% 48.1%);\n  --sl-color-teal-700: hsl(170.5 81.3% 61.5%);\n  --sl-color-teal-800: hsl(168.4 92.1% 75.2%);\n  --sl-color-teal-900: hsl(168.3 100% 86%);\n  --sl-color-teal-950: hsl(180 100% 95.5%);\n  --sl-color-cyan-50: hsl(197.1 53.8% 20.3%);\n  --sl-color-cyan-100: hsl(196.8 57.3% 27.2%);\n  --sl-color-cyan-200: hsl(195.3 62.7% 29.4%);\n  --sl-color-cyan-300: hsl(193.5 71.3% 34.1%);\n  --sl-color-cyan-400: hsl(192.5 76.8% 40.6%);\n  --sl-color-cyan-500: hsl(189.4 78.6% 42.6%);\n  --sl-color-cyan-600: hsl(188.2 89.1% 51.7%);\n  --sl-color-cyan-700: hsl(187 98.6% 66.2%);\n  --sl-color-cyan-800: hsl(184.9 100% 78.3%);\n  --sl-color-cyan-900: hsl(180 100% 86.6%);\n  --sl-color-cyan-950: hsl(180 100% 94.8%);\n  --sl-color-sky-50: hsl(203 63.8% 20.9%);\n  --sl-color-sky-100: hsl(203.4 70.4% 28%);\n  --sl-color-sky-200: hsl(202.7 75.8% 30.8%);\n  --sl-color-sky-300: hsl(203.1 80.4% 36.1%);\n  --sl-color-sky-400: hsl(202.1 80.5% 44.3%);\n  --sl-color-sky-500: hsl(199.7 85.9% 47.7%);\n  --sl-color-sky-600: hsl(198.7 97.9% 57.2%);\n  --sl-color-sky-700: hsl(198.7 100% 70.5%);\n  --sl-color-sky-800: hsl(198.8 100% 82.5%);\n  --sl-color-sky-900: hsl(198.5 100% 89.9%);\n  --sl-color-sky-950: hsl(186 100% 95.5%);\n  --sl-color-blue-50: hsl(227.1 49.5% 22.7%);\n  --sl-color-blue-100: hsl(225.8 58.9% 36.8%);\n  --sl-color-blue-200: hsl(227.7 64.4% 42.9%);\n  --sl-color-blue-300: hsl(226.1 72.7% 51.2%);\n  --sl-color-blue-400: hsl(222.6 86.5% 56.3%);\n  --sl-color-blue-500: hsl(217.8 95.8% 57.4%);\n  --sl-color-blue-600: hsl(213.3 100% 65%);\n  --sl-color-blue-700: hsl(210.9 100% 74.8%);\n  --sl-color-blue-800: hsl(211.5 100% 83.4%);\n  --sl-color-blue-900: hsl(211 100% 88.9%);\n  --sl-color-blue-950: hsl(201.8 100% 95.3%);\n  --sl-color-indigo-50: hsl(243.5 40.8% 27%);\n  --sl-color-indigo-100: hsl(242.9 45.7% 37.6%);\n  --sl-color-indigo-200: hsl(244.7 52.7% 43.1%);\n  --sl-color-indigo-300: hsl(245.3 60.5% 52.4%);\n  --sl-color-indigo-400: hsl(244.1 79.2% 60.4%);\n  --sl-color-indigo-500: hsl(239.6 88.7% 63.8%);\n  --sl-color-indigo-600: hsl(234.5 96.7% 70.9%);\n  --sl-color-indigo-700: hsl(229.4 100% 78.3%);\n  --sl-color-indigo-800: hsl(227.1 100% 85%);\n  --sl-color-indigo-900: hsl(223.8 100% 89.9%);\n  --sl-color-indigo-950: hsl(220 100% 95.1%);\n  --sl-color-violet-50: hsl(265.1 57.3% 25.4%);\n  --sl-color-violet-100: hsl(263.5 63.8% 39.4%);\n  --sl-color-violet-200: hsl(263.4 66.2% 44.1%);\n  --sl-color-violet-300: hsl(263.7 72.8% 52.4%);\n  --sl-color-violet-400: hsl(262.5 87.3% 59.8%);\n  --sl-color-violet-500: hsl(258.3 95.1% 63.2%);\n  --sl-color-violet-600: hsl(255.1 100% 67.2%);\n  --sl-color-violet-700: hsl(253 100% 81.5%);\n  --sl-color-violet-800: hsl(251.7 100% 87.9%);\n  --sl-color-violet-900: hsl(254.1 100% 91.7%);\n  --sl-color-violet-950: hsl(257.1 100% 96.1%);\n  --sl-color-purple-50: hsl(276 54.3% 20.5%);\n  --sl-color-purple-100: hsl(273.6 61.8% 35.4%);\n  --sl-color-purple-200: hsl(272.9 64% 41.4%);\n  --sl-color-purple-300: hsl(271.9 68.1% 49.2%);\n  --sl-color-purple-400: hsl(271.5 85.1% 57.8%);\n  --sl-color-purple-500: hsl(270.7 96.4% 62.1%);\n  --sl-color-purple-600: hsl(270.5 100% 71.9%);\n  --sl-color-purple-700: hsl(270.9 100% 81.3%);\n  --sl-color-purple-800: hsl(272.4 100% 87.7%);\n  --sl-color-purple-900: hsl(276.7 100% 91.5%);\n  --sl-color-purple-950: hsl(300 100% 96.5%);\n  --sl-color-fuchsia-50: hsl(297.1 51.2% 18.6%);\n  --sl-color-fuchsia-100: hsl(296.7 59.5% 31.5%);\n  --sl-color-fuchsia-200: hsl(295.4 65.4% 35.1%);\n  --sl-color-fuchsia-300: hsl(294.6 67.4% 42.2%);\n  --sl-color-fuchsia-400: hsl(293.3 68.7% 51.2%);\n  --sl-color-fuchsia-500: hsl(292.1 88.4% 57.7%);\n  --sl-color-fuchsia-600: hsl(292 98.5% 59.5%);\n  --sl-color-fuchsia-700: hsl(292.4 100% 79.5%);\n  --sl-color-fuchsia-800: hsl(292.9 100% 86.8%);\n  --sl-color-fuchsia-900: hsl(300 100% 91.5%);\n  --sl-color-fuchsia-950: hsl(300 100% 96.3%);\n  --sl-color-pink-50: hsl(336.2 59.6% 20%);\n  --sl-color-pink-100: hsl(336.8 63.9% 34%);\n  --sl-color-pink-200: hsl(336.8 68.7% 37.6%);\n  --sl-color-pink-300: hsl(336.1 71.8% 44.5%);\n  --sl-color-pink-400: hsl(333.9 74.9% 53.1%);\n  --sl-color-pink-500: hsl(330.7 86.3% 57.7%);\n  --sl-color-pink-600: hsl(328.6 91.5% 67.2%);\n  --sl-color-pink-700: hsl(327.4 97.6% 78.7%);\n  --sl-color-pink-800: hsl(325.1 100% 86.6%);\n  --sl-color-pink-900: hsl(322.1 100% 91.3%);\n  --sl-color-pink-950: hsl(315 100% 95.9%);\n  --sl-color-rose-50: hsl(342.3 62.9% 21.5%);\n  --sl-color-rose-100: hsl(342.8 68.9% 34.2%);\n  --sl-color-rose-200: hsl(344.8 72.6% 37.3%);\n  --sl-color-rose-300: hsl(346.9 75.8% 43.7%);\n  --sl-color-rose-400: hsl(348.2 80.1% 52.7%);\n  --sl-color-rose-500: hsl(350.4 94.8% 57.5%);\n  --sl-color-rose-600: hsl(351.2 100% 58.1%);\n  --sl-color-rose-700: hsl(352.3 100% 78.1%);\n  --sl-color-rose-800: hsl(352 100% 86.2%);\n  --sl-color-rose-900: hsl(354.5 100% 90.7%);\n  --sl-color-rose-950: hsl(353.3 100% 95.7%);\n  --sl-color-primary-50: var(--sl-color-sky-50);\n  --sl-color-primary-100: var(--sl-color-sky-100);\n  --sl-color-primary-200: var(--sl-color-sky-200);\n  --sl-color-primary-300: var(--sl-color-sky-300);\n  --sl-color-primary-400: var(--sl-color-sky-400);\n  --sl-color-primary-500: var(--sl-color-sky-500);\n  --sl-color-primary-600: var(--sl-color-sky-600);\n  --sl-color-primary-700: var(--sl-color-sky-700);\n  --sl-color-primary-800: var(--sl-color-sky-800);\n  --sl-color-primary-900: var(--sl-color-sky-900);\n  --sl-color-primary-950: var(--sl-color-sky-950);\n  --sl-color-success-50: var(--sl-color-green-50);\n  --sl-color-success-100: var(--sl-color-green-100);\n  --sl-color-success-200: var(--sl-color-green-200);\n  --sl-color-success-300: var(--sl-color-green-300);\n  --sl-color-success-400: var(--sl-color-green-400);\n  --sl-color-success-500: var(--sl-color-green-500);\n  --sl-color-success-600: var(--sl-color-green-600);\n  --sl-color-success-700: var(--sl-color-green-700);\n  --sl-color-success-800: var(--sl-color-green-800);\n  --sl-color-success-900: var(--sl-color-green-900);\n  --sl-color-success-950: var(--sl-color-green-950);\n  --sl-color-warning-50: var(--sl-color-amber-50);\n  --sl-color-warning-100: var(--sl-color-amber-100);\n  --sl-color-warning-200: var(--sl-color-amber-200);\n  --sl-color-warning-300: var(--sl-color-amber-300);\n  --sl-color-warning-400: var(--sl-color-amber-400);\n  --sl-color-warning-500: var(--sl-color-amber-500);\n  --sl-color-warning-600: var(--sl-color-amber-600);\n  --sl-color-warning-700: var(--sl-color-amber-700);\n  --sl-color-warning-800: var(--sl-color-amber-800);\n  --sl-color-warning-900: var(--sl-color-amber-900);\n  --sl-color-warning-950: var(--sl-color-amber-950);\n  --sl-color-danger-50: var(--sl-color-red-50);\n  --sl-color-danger-100: var(--sl-color-red-100);\n  --sl-color-danger-200: var(--sl-color-red-200);\n  --sl-color-danger-300: var(--sl-color-red-300);\n  --sl-color-danger-400: var(--sl-color-red-400);\n  --sl-color-danger-500: var(--sl-color-red-500);\n  --sl-color-danger-600: var(--sl-color-red-600);\n  --sl-color-danger-700: var(--sl-color-red-700);\n  --sl-color-danger-800: var(--sl-color-red-800);\n  --sl-color-danger-900: var(--sl-color-red-900);\n  --sl-color-danger-950: var(--sl-color-red-950);\n  --sl-color-neutral-50: var(--sl-color-gray-50);\n  --sl-color-neutral-100: var(--sl-color-gray-100);\n  --sl-color-neutral-200: var(--sl-color-gray-200);\n  --sl-color-neutral-300: var(--sl-color-gray-300);\n  --sl-color-neutral-400: var(--sl-color-gray-400);\n  --sl-color-neutral-500: var(--sl-color-gray-500);\n  --sl-color-neutral-600: var(--sl-color-gray-600);\n  --sl-color-neutral-700: var(--sl-color-gray-700);\n  --sl-color-neutral-800: var(--sl-color-gray-800);\n  --sl-color-neutral-900: var(--sl-color-gray-900);\n  --sl-color-neutral-950: var(--sl-color-gray-950);\n  --sl-color-neutral-0: hsl(240, 5.9%, 11%);\n  --sl-color-neutral-1000: hsl(0, 0%, 100%);\n  --sl-border-radius-small: 0.1875rem;\n  --sl-border-radius-medium: 0.25rem;\n  --sl-border-radius-large: 0.5rem;\n  --sl-border-radius-x-large: 1rem;\n  --sl-border-radius-circle: 50%;\n  --sl-border-radius-pill: 9999px;\n  --sl-shadow-x-small: 0 1px 2px rgb(0 0 0 / 18%);\n  --sl-shadow-small: 0 1px 2px rgb(0 0 0 / 24%);\n  --sl-shadow-medium: 0 2px 4px rgb(0 0 0 / 24%);\n  --sl-shadow-large: 0 2px 8px rgb(0 0 0 / 24%);\n  --sl-shadow-x-large: 0 4px 16px rgb(0 0 0 / 24%);\n  --sl-spacing-3x-small: 0.125rem;\n  --sl-spacing-2x-small: 0.25rem;\n  --sl-spacing-x-small: 0.5rem;\n  --sl-spacing-small: 0.75rem;\n  --sl-spacing-medium: 1rem;\n  --sl-spacing-large: 1.25rem;\n  --sl-spacing-x-large: 1.75rem;\n  --sl-spacing-2x-large: 2.25rem;\n  --sl-spacing-3x-large: 3rem;\n  --sl-spacing-4x-large: 4.5rem;\n  --sl-transition-x-slow: 1000ms;\n  --sl-transition-slow: 500ms;\n  --sl-transition-medium: 250ms;\n  --sl-transition-fast: 150ms;\n  --sl-transition-x-fast: 50ms;\n  --sl-font-mono: SFMono-Regular, Consolas, \"Liberation Mono\", Menlo, monospace;\n  --sl-font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\";\n  --sl-font-serif: Georgia, \"Times New Roman\", serif;\n  --sl-font-size-2x-small: 0.625rem;\n  --sl-font-size-x-small: 0.75rem;\n  --sl-font-size-small: 0.875rem;\n  --sl-font-size-medium: 1rem;\n  --sl-font-size-large: 1.25rem;\n  --sl-font-size-x-large: 1.5rem;\n  --sl-font-size-2x-large: 2.25rem;\n  --sl-font-size-3x-large: 3rem;\n  --sl-font-size-4x-large: 4.5rem;\n  --sl-font-weight-light: 300;\n  --sl-font-weight-normal: 400;\n  --sl-font-weight-semibold: 500;\n  --sl-font-weight-bold: 700;\n  --sl-letter-spacing-denser: -0.03em;\n  --sl-letter-spacing-dense: -0.015em;\n  --sl-letter-spacing-normal: normal;\n  --sl-letter-spacing-loose: 0.075em;\n  --sl-letter-spacing-looser: 0.15em;\n  --sl-line-height-denser: 1;\n  --sl-line-height-dense: 1.4;\n  --sl-line-height-normal: 1.8;\n  --sl-line-height-loose: 2.2;\n  --sl-line-height-looser: 2.6;\n  --sl-focus-ring-color: var(--sl-color-primary-700);\n  --sl-focus-ring-style: solid;\n  --sl-focus-ring-width: 3px;\n  --sl-focus-ring: var(--sl-focus-ring-style) var(--sl-focus-ring-width)\n    var(--sl-focus-ring-color);\n  --sl-focus-ring-offset: 1px;\n  --sl-button-font-size-small: var(--sl-font-size-x-small);\n  --sl-button-font-size-medium: var(--sl-font-size-small);\n  --sl-button-font-size-large: var(--sl-font-size-medium);\n  --sl-input-height-small: 1.875rem;\n  --sl-input-height-medium: 2.5rem;\n  --sl-input-height-large: 3.125rem;\n  --sl-input-background-color: var(--sl-color-neutral-0);\n  --sl-input-background-color-hover: var(--sl-input-background-color);\n  --sl-input-background-color-focus: var(--sl-input-background-color);\n  --sl-input-background-color-disabled: var(--sl-color-neutral-100);\n  --sl-input-border-color: var(--sl-color-neutral-400);\n  --sl-input-border-color-hover: var(--sl-color-neutral-500);\n  --sl-input-border-color-focus: var(--sl-color-primary-600);\n  --sl-input-border-color-disabled: var(--sl-color-neutral-400);\n  --sl-input-border-width: 1px;\n  --sl-input-required-content: \"*\";\n  --sl-input-required-content-offset: -2px;\n  --sl-input-required-content-color: var(--sl-input-label-color);\n  --sl-input-border-radius-small: var(--sl-border-radius-medium);\n  --sl-input-border-radius-medium: var(--sl-border-radius-medium);\n  --sl-input-border-radius-large: var(--sl-border-radius-medium);\n  --sl-input-font-family: var(--sl-font-sans);\n  --sl-input-font-weight: var(--sl-font-weight-normal);\n  --sl-input-font-size-small: var(--sl-font-size-small);\n  --sl-input-font-size-medium: var(--sl-font-size-medium);\n  --sl-input-font-size-large: var(--sl-font-size-large);\n  --sl-input-letter-spacing: var(--sl-letter-spacing-normal);\n  --sl-input-color: var(--sl-color-neutral-700);\n  --sl-input-color-hover: var(--sl-color-neutral-700);\n  --sl-input-color-focus: var(--sl-color-neutral-700);\n  --sl-input-color-disabled: var(--sl-color-neutral-900);\n  --sl-input-icon-color: var(--sl-color-neutral-500);\n  --sl-input-icon-color-hover: var(--sl-color-neutral-600);\n  --sl-input-icon-color-focus: var(--sl-color-neutral-600);\n  --sl-input-placeholder-color: var(--sl-color-neutral-500);\n  --sl-input-placeholder-color-disabled: var(--sl-color-neutral-600);\n  --sl-input-spacing-small: var(--sl-spacing-small);\n  --sl-input-spacing-medium: var(--sl-spacing-medium);\n  --sl-input-spacing-large: var(--sl-spacing-large);\n  --sl-input-focus-ring-color: hsl(198.6 88.7% 48.4% / 40%);\n  --sl-input-focus-ring-offset: 0;\n  --sl-input-filled-background-color: var(--sl-color-neutral-100);\n  --sl-input-filled-background-color-hover: var(--sl-color-neutral-100);\n  --sl-input-filled-background-color-focus: var(--sl-color-neutral-100);\n  --sl-input-filled-background-color-disabled: var(--sl-color-neutral-100);\n  --sl-input-filled-color: var(--sl-color-neutral-800);\n  --sl-input-filled-color-hover: var(--sl-color-neutral-800);\n  --sl-input-filled-color-focus: var(--sl-color-neutral-700);\n  --sl-input-filled-color-disabled: var(--sl-color-neutral-800);\n  --sl-input-label-font-size-small: var(--sl-font-size-small);\n  --sl-input-label-font-size-medium: var(--sl-font-size-medium);\n  --sl-input-label-font-size-large: var(--sl-font-size-large);\n  --sl-input-label-color: inherit;\n  --sl-input-help-text-font-size-small: var(--sl-font-size-x-small);\n  --sl-input-help-text-font-size-medium: var(--sl-font-size-small);\n  --sl-input-help-text-font-size-large: var(--sl-font-size-medium);\n  --sl-input-help-text-color: var(--sl-color-neutral-600);\n  --sl-toggle-size-small: 0.875rem;\n  --sl-toggle-size-medium: 1.125rem;\n  --sl-toggle-size-large: 1.375rem;\n  --sl-overlay-background-color: hsl(0 0% 0% / 43%);\n  --sl-panel-background-color: var(--sl-color-neutral-50);\n  --sl-panel-border-color: var(--sl-color-neutral-200);\n  --sl-panel-border-width: 1px;\n  --sl-tooltip-border-radius: var(--sl-border-radius-medium);\n  --sl-tooltip-background-color: var(--sl-color-neutral-800);\n  --sl-tooltip-color: var(--sl-color-neutral-0);\n  --sl-tooltip-font-family: var(--sl-font-sans);\n  --sl-tooltip-font-weight: var(--sl-font-weight-normal);\n  --sl-tooltip-font-size: var(--sl-font-size-small);\n  --sl-tooltip-line-height: var(--sl-line-height-dense);\n  --sl-tooltip-padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-small);\n  --sl-tooltip-arrow-size: 6px;\n  --sl-z-index-drawer: 700;\n  --sl-z-index-dialog: 800;\n  --sl-z-index-dropdown: 900;\n  --sl-z-index-toast: 950;\n  --sl-z-index-tooltip: 1000;\n}\n\n@supports (scrollbar-gutter: stable) {\n  .sl-scroll-lock {\n    scrollbar-gutter: var(--sl-scroll-lock-gutter) !important;\n  }\n  .sl-scroll-lock body {\n    overflow: hidden !important;\n  }\n}\n@supports not (scrollbar-gutter: stable) {\n  .sl-scroll-lock body {\n    padding-right: var(--sl-scroll-lock-size) !important;\n    overflow: hidden !important;\n  }\n}\n.sl-toast-stack {\n  position: fixed;\n  top: 0;\n  inset-inline-end: 0;\n  z-index: var(--sl-z-index-toast);\n  width: 28rem;\n  max-width: 100%;\n  max-height: 100%;\n  overflow: auto;\n}\n\n.sl-toast-stack sl-alert {\n  margin: var(--sl-spacing-medium);\n}\n\n.sl-toast-stack sl-alert::part(base) {\n  box-shadow: var(--sl-shadow-large);\n}";
 
-var _tmpl$$o = /* @__PURE__ */ template$1(`<style>`), _tmpl$2$k = /* @__PURE__ */ template$1(`<slot>`), _tmpl$3$f = /* @__PURE__ */ template$1(`<photon-login>`, true, false, false), _tmpl$4$c = /* @__PURE__ */ template$1(`<div class="w-full flex justify-center"><sl-spinner>`, true, false, false);
+var _tmpl$$p = /* @__PURE__ */ template$1(`<style>`), _tmpl$2$k = /* @__PURE__ */ template$1(`<slot>`), _tmpl$3$f = /* @__PURE__ */ template$1(`<photon-login>`, true, false, false), _tmpl$4$c = /* @__PURE__ */ template$1(`<div class="w-full flex justify-center"><sl-spinner>`, true, false, false);
 setBasePath("https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.4.0/dist/");
 const Component$7 = (props) => {
   const client = usePhoton();
@@ -59224,15 +59585,15 @@ const Component$7 = (props) => {
     }
   });
   return [(() => {
-    var _el$ = _tmpl$$o();
+    var _el$ = _tmpl$$p();
     insert$1(_el$, tailwind);
     return _el$;
   })(), (() => {
-    var _el$2 = _tmpl$$o();
+    var _el$2 = _tmpl$$p();
     insert$1(_el$2, shoelaceDarkStyles);
     return _el$2;
   })(), (() => {
-    var _el$3 = _tmpl$$o();
+    var _el$3 = _tmpl$$p();
     insert$1(_el$3, shoelaceLightStyles);
     return _el$3;
   })(), createComponent(Show, {
@@ -61256,7 +61617,7 @@ setDefaultAnimation("alert.hide", {
 
 SlAlert.define("sl-alert");
 
-var _tmpl$$n = /* @__PURE__ */ template$1(`<div class="w-full flex justify-center">`);
+var _tmpl$$o = /* @__PURE__ */ template$1(`<div class="w-full flex justify-center">`);
 setBasePath("https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.4.0/dist/");
 function AlertMessage(props) {
   return createComponent(Alert, {
@@ -61331,7 +61692,7 @@ const PhotonAuthorized = (p) => {
                   });
                 },
                 get children() {
-                  var _el$ = _tmpl$$n();
+                  var _el$ = _tmpl$$o();
                   insert$1(_el$, createComponent(Spinner, {
                     color: "green"
                   }));
@@ -61349,7 +61710,7 @@ const PhotonAuthorized = (p) => {
   });
 };
 
-var _tmpl$$m = /* @__PURE__ */ template$1(`<div class="flex items-center justify-between">`), _tmpl$2$j = /* @__PURE__ */ template$1(`<div>`);
+var _tmpl$$n = /* @__PURE__ */ template$1(`<div class="flex items-center justify-between">`), _tmpl$2$j = /* @__PURE__ */ template$1(`<div>`);
 const hasUsableAddress$3 = (address) => {
   if (!address) {
     return false;
@@ -61371,7 +61732,7 @@ const OrderCard = (props) => {
       addChildrenDivider: true,
       get children() {
         return [(() => {
-          var _el$2 = _tmpl$$m();
+          var _el$2 = _tmpl$$n();
           insert$1(_el$2, createComponent(Text, {
             color: "gray",
             children: "Select Pharmacy"
@@ -66736,7 +67097,7 @@ const createPatientStore = () => {
 };
 const PatientStore = createPatientStore();
 
-var _tmpl$$l = /* @__PURE__ */ template$1(`<div class="flex items-center justify-between">`), _tmpl$2$i = /* @__PURE__ */ template$1(`<div><photon-patient-dialog>`, true, false, false), _tmpl$3$e = /* @__PURE__ */ template$1(`<div><photon-add-medication-history-dialog>`, true, false, false), _tmpl$4$b = /* @__PURE__ */ template$1(`<div class="flex flex-col gap-8">`);
+var _tmpl$$m = /* @__PURE__ */ template$1(`<div class="flex items-center justify-between">`), _tmpl$2$i = /* @__PURE__ */ template$1(`<div><photon-patient-dialog>`, true, false, false), _tmpl$3$e = /* @__PURE__ */ template$1(`<div><photon-add-medication-history-dialog>`, true, false, false), _tmpl$4$b = /* @__PURE__ */ template$1(`<div class="flex flex-col gap-8">`);
 const hasUsableAddress$2 = (address) => {
   if (!address) {
     return false;
@@ -66847,7 +67208,7 @@ const PatientCard = (props) => {
           addChildrenDivider: true,
           get children() {
             return [(() => {
-              var _el$3 = _tmpl$$l();
+              var _el$3 = _tmpl$$m();
               insert$1(_el$3, createComponent(Text, {
                 color: "gray",
                 get children() {
@@ -67023,7 +67384,7 @@ const PatientCard = (props) => {
   })();
 };
 
-var _tmpl$$k = /* @__PURE__ */ template$1(`<span>, `), _tmpl$2$h = /* @__PURE__ */ template$1(`<div class="flex flex-col items-start">`), _tmpl$3$d = /* @__PURE__ */ template$1(`<photon-card><div class="flex flex-col gap-3"><div class="flex flex-row"><p class="font-sans text-l font-medium flex-grow">Selected Pharmacy`, true, false, false);
+var _tmpl$$l = /* @__PURE__ */ template$1(`<span>, `), _tmpl$2$h = /* @__PURE__ */ template$1(`<div class="flex flex-col items-start">`), _tmpl$3$d = /* @__PURE__ */ template$1(`<photon-card><div class="flex flex-col gap-3"><div class="flex flex-row"><p class="font-sans text-l font-medium flex-grow">Selected Pharmacy`, true, false, false);
 const PharmacyCard = (props) => {
   const client = usePhoton();
   const [pharmacy, setPharmacy] = createSignal(null);
@@ -67079,7 +67440,7 @@ const PharmacyCard = (props) => {
                   size: "sm",
                   sampleLoadingText: "Cityville, ST",
                   get children() {
-                    var _el$5 = _tmpl$$k(), _el$6 = _el$5.firstChild;
+                    var _el$5 = _tmpl$$l(), _el$6 = _el$5.firstChild;
                     insert$1(_el$5, () => pharmacy()?.address?.city, _el$6);
                     insert$1(_el$5, () => pharmacy()?.address?.state, null);
                     return _el$5;
@@ -72850,7 +73211,7 @@ function validator({ schema, level = 'error', }) {
     };
 }
 
-var _tmpl$$j = /* @__PURE__ */ template$1(`<div>`), _tmpl$2$g = /* @__PURE__ */ template$1(`<form><div class="flex justify-end">`);
+var _tmpl$$k = /* @__PURE__ */ template$1(`<div>`), _tmpl$2$g = /* @__PURE__ */ template$1(`<form><div class="flex justify-end">`);
 const sortSupervisors = (supervisors) => [...supervisors].sort((a, b) => a.lastName.localeCompare(b.lastName) || a.firstName.localeCompare(b.firstName));
 const displaySupervisor = (supervisor) => supervisor?.id ? `${supervisor.firstName} ${supervisor.lastName}, ${supervisor.npi}` : "Select a supervisor";
 const SupervisorCard = (props) => {
@@ -72905,7 +73266,7 @@ const SupervisorCard = (props) => {
         color: "gray",
         children: "Supervising Physician"
       }), (() => {
-        var _el$ = _tmpl$$j();
+        var _el$ = _tmpl$$k();
         insert$1(_el$, createComponent(Show, {
           get when() {
             return !hasMostRecentSupervisor();
@@ -73012,7 +73373,7 @@ const NewSupervisorForm = (props) => {
         const {
           data
         } = await client.sdk.apolloClinical.mutate({
-          mutation: CreateSupervisorMutation,
+          mutation: CreateSupervisorMutation$1,
           variables: {
             firstName: values.firstName,
             lastName: values.lastName,
@@ -73165,7 +73526,7 @@ const repopulateForm = (actions, draft) => {
   }
 };
 
-var _tmpl$$i = /* @__PURE__ */ template$1(`<div class="flex flex-col gap-4">`), _tmpl$2$f = /* @__PURE__ */ template$1(`<div class=space-y-3>`), _tmpl$3$c = /* @__PURE__ */ template$1(`<photon-dialog label="Discard in-progress prescription?"confirm-text="Yes, discard"cancel-text="Go back"><p class="font-sans text-lg xs:text-base">You are editing a prescription that has not been added to your drafts. Your in-progress prescription will be discarded if you edit another prescription.`, true, false, false), _tmpl$4$a = /* @__PURE__ */ template$1(`<photon-dialog label="Delete pending prescription?"confirm-text="Yes, Delete"cancel-text="No, Cancel"><p class="font-sans text-lg xs:text-base">Deleting this prescription will remove it from your draft prescriptions. This action cannot be undone.`, true, false, false);
+var _tmpl$$j = /* @__PURE__ */ template$1(`<div class="flex flex-col gap-4">`), _tmpl$2$f = /* @__PURE__ */ template$1(`<div class=space-y-3>`), _tmpl$3$c = /* @__PURE__ */ template$1(`<photon-dialog label="Discard in-progress prescription?"confirm-text="Yes, discard"cancel-text="Go back"><p class="font-sans text-lg xs:text-base">You are editing a prescription that has not been added to your drafts. Your in-progress prescription will be discarded if you edit another prescription.`, true, false, false), _tmpl$4$a = /* @__PURE__ */ template$1(`<photon-dialog label="Delete pending prescription?"confirm-text="Yes, Delete"cancel-text="No, Cancel"><p class="font-sans text-lg xs:text-base">Deleting this prescription will remove it from your draft prescriptions. This action cannot be undone.`, true, false, false);
 function getPrescriptionRoutingConstraints(routingConstraints) {
   const map = /* @__PURE__ */ new Map();
   for (const constraint of routingConstraints) {
@@ -73322,7 +73683,7 @@ const DraftPrescriptions = (props) => {
         return memo$2(() => !!!isLoadingPrefills())() && draftPrescriptions().length > 0;
       },
       get children() {
-        var _el$2 = _tmpl$$i();
+        var _el$2 = _tmpl$$j();
         insert$1(_el$2, createComponent(For, {
           get each() {
             return draftPrescriptions();
@@ -73388,7 +73749,7 @@ function toFormData(coverageOption) {
   };
 }
 
-var _tmpl$$h = /* @__PURE__ */ template$1(`<div class="flex flex-col mt-4 gap-y-2">`), _tmpl$2$e = /* @__PURE__ */ template$1(`<div class="flex flex-col gap-1"><photon-medication-search label="Search for Treatment"></photon-medication-search><div class=mt-2></div><div class="sm:grid sm:grid-cols-2 sm:gap-4 mt-2"><div class="flex items-start gap-1"><div class=flex-1></div></div></div><div class="sm:grid sm:grid-cols-2 sm:gap-4"></div><div class="w-full flex flex-col justify-end mt-6 gap-2 xs:flex-row-reverse xs:justify-start">`, true, false, false);
+var _tmpl$$i = /* @__PURE__ */ template$1(`<div class="flex flex-col mt-4 gap-y-2">`), _tmpl$2$e = /* @__PURE__ */ template$1(`<div class="flex flex-col gap-1"><photon-medication-search label="Search for Treatment"></photon-medication-search><div class=mt-2></div><div class="sm:grid sm:grid-cols-2 sm:gap-4 mt-2"><div class="flex items-start gap-1"><div class=flex-1></div></div></div><div class="sm:grid sm:grid-cols-2 sm:gap-4"></div><div class="w-full flex flex-col justify-end mt-6 gap-2 xs:flex-row-reverse xs:justify-start">`, true, false, false);
 const validators$1 = {
   treatment: message(record(string(), any()), "Please select a treatment"),
   dispenseQuantity: message(min$1(number(), 0, {
@@ -73574,6 +73935,7 @@ const DraftPrescriptionForm = (props) => {
             return props.store.dispenseQuantity?.value ?? void 0;
           },
           min: 0,
+          onWheel: (e) => e.preventDefault(),
           onInput: (e) => {
             props.actions.updateFormValue({
               key: "dispenseQuantity",
@@ -73691,6 +74053,7 @@ const DraftPrescriptionForm = (props) => {
             return props.store.daysSupply?.value ?? void 0;
           },
           min: 0,
+          onWheel: (e) => e.preventDefault(),
           onInput: (e) => {
             props.actions.updateFormValue({
               key: "daysSupply",
@@ -73724,6 +74087,7 @@ const DraftPrescriptionForm = (props) => {
           },
           min: 0,
           max: 11,
+          onWheel: (e) => e.preventDefault(),
           onInput: (e) => {
             props.actions.updateFormValue({
               key: "refills",
@@ -73837,7 +74201,7 @@ const DraftPrescriptionForm = (props) => {
         return !props.hideAddToTemplates;
       },
       get children() {
-        var _el$8 = _tmpl$$h();
+        var _el$8 = _tmpl$$i();
         insert$1(_el$8, createComponent(Checkbox, {
           mainText: "Add To Personal Templates",
           showOptionalSubtext: true,
@@ -76439,7 +76803,7 @@ SlTooltip.define("sl-tooltip");
 
 SlIcon.define("sl-icon");
 
-var _tmpl$$g = /* @__PURE__ */ template$1(`<style>`), _tmpl$2$d = /* @__PURE__ */ template$1(`<sl-tooltip><sl-icon name=info-circle>`, true, false, false);
+var _tmpl$$h = /* @__PURE__ */ template$1(`<style>`), _tmpl$2$d = /* @__PURE__ */ template$1(`<sl-tooltip><sl-icon name=info-circle>`, true, false, false);
 setBasePath("https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.4.0/dist/");
 const PhotonTooltip = (p) => {
   const props = mergeProps({
@@ -76447,15 +76811,15 @@ const PhotonTooltip = (p) => {
     maxWidth: "200px"
   }, p);
   return [(() => {
-    var _el$ = _tmpl$$g();
+    var _el$ = _tmpl$$h();
     insert$1(_el$, tailwind);
     return _el$;
   })(), (() => {
-    var _el$2 = _tmpl$$g();
+    var _el$2 = _tmpl$$h();
     insert$1(_el$2, shoelaceDarkStyles);
     return _el$2;
   })(), (() => {
-    var _el$3 = _tmpl$$g();
+    var _el$3 = _tmpl$$h();
     insert$1(_el$3, shoelaceLightStyles);
     return _el$3;
   })(), (() => {
@@ -76477,7 +76841,7 @@ const PhotonTooltip = (p) => {
   })()];
 };
 
-var _tmpl$$f = /* @__PURE__ */ template$1(`<div class="flex items-center space-x-2 text-slate-500">`), _tmpl$2$c = /* @__PURE__ */ template$1(`<div class="w-full flex justify-center">`), _tmpl$3$b = /* @__PURE__ */ template$1(`<div class=mt-8>`), _tmpl$4$9 = /* @__PURE__ */ template$1(`<div>`);
+var _tmpl$$g = /* @__PURE__ */ template$1(`<div class="flex items-center space-x-2 text-slate-500">`), _tmpl$2$c = /* @__PURE__ */ template$1(`<div class="w-full flex justify-center">`), _tmpl$3$b = /* @__PURE__ */ template$1(`<div class=mt-8>`), _tmpl$4$9 = /* @__PURE__ */ template$1(`<div>`);
 const PrescriptionCard = (props) => {
   let prescriptionFormRef;
   let prescriptionsCardRef;
@@ -76509,7 +76873,7 @@ const PrescriptionCard = (props) => {
     addChildrenDivider: true,
     get children() {
       return [(() => {
-        var _el$ = _tmpl$$f();
+        var _el$ = _tmpl$$g();
         insert$1(_el$, createComponent(Text, {
           color: "gray",
           "class": "pr-2",
@@ -76636,7 +77000,7 @@ const PrescriptionCard = (props) => {
   });
 };
 
-var _tmpl$$e = /* @__PURE__ */ template$1(`<div class="w-full flex justify-center">`), _tmpl$2$b = /* @__PURE__ */ template$1(`<div class="m-3 gap-4">`), _tmpl$3$a = /* @__PURE__ */ template$1(`<div class="flex flex-row justify-end">`), _tmpl$4$8 = /* @__PURE__ */ template$1(`<div><div><div class="flex flex-col gap-8">`), _tmpl$5$8 = /* @__PURE__ */ template$1(`<div>No errors...`);
+var _tmpl$$f = /* @__PURE__ */ template$1(`<div class="w-full flex justify-center">`), _tmpl$2$b = /* @__PURE__ */ template$1(`<div class="m-3 gap-4">`), _tmpl$3$a = /* @__PURE__ */ template$1(`<div class="flex flex-row justify-end">`), _tmpl$4$8 = /* @__PURE__ */ template$1(`<div><div><div class="flex flex-col gap-8">`), _tmpl$5$8 = /* @__PURE__ */ template$1(`<div>No errors...`);
 const hasUsableAddress$1 = (address) => {
   if (!address) {
     return false;
@@ -76692,6 +77056,9 @@ function PrescribeWorkflow(props) {
     dispatchClinicalAlertCancel,
     dispatchAnalyticsTrackEvent
   } = usePrescribeEventDispatch();
+  const {
+    supervisorId: prefilledSupervisorId
+  } = useSupervisor();
   const [needsSupervisor, setNeedsSupervisor] = createSignal(false);
   const client = usePhoton();
   const [errors, setErrors] = createSignal([]);
@@ -76825,6 +77192,12 @@ function PrescribeWorkflow(props) {
   const displayCombineDialog = () => {
     return recentOrdersActions.setIsCombineDialogOpen(true, () => submitForm(), addressId(), formattedAddress());
   };
+  createEffect(() => {
+    props.formActions.updateFormValue({
+      key: "supervisorId",
+      value: prefilledSupervisorId()
+    });
+  });
   const submitForm = async () => {
     if (isLoading()) {
       return;
@@ -76923,7 +77296,7 @@ function PrescribeWorkflow(props) {
       if (!pharmacyId) {
         pharmacyId = "";
       }
-      const supervisorId = needsSupervisor() && props.formStore.supervisorId?.value ? props.formStore.supervisorId.value : void 0;
+      const supervisorId = props.formStore.supervisorId?.value ? props.formStore.supervisorId.value : void 0;
       const {
         data: orderData,
         errors: errors2
@@ -77058,7 +77431,7 @@ function PrescribeWorkflow(props) {
         return memo$2(() => !!(!client || isLoading()))() && !authenticated();
       },
       get children() {
-        var _el$4 = _tmpl$$e();
+        var _el$4 = _tmpl$$f();
         insert$1(_el$4, createComponent(Spinner, {
           color: "green"
         }));
@@ -77268,6 +77641,7 @@ function PrescribeWorkflow(props) {
                     }), (() => {
                       var _el$6 = _tmpl$3$a();
                       insert$1(_el$6, createComponent(Button, {
+                        "class": "w-full sm:w-fit",
                         get loading() {
                           return isLoadingPrefills() || isLoading();
                         },
@@ -78063,7 +78437,7 @@ __decorateClass([
 
 SlSwitch.define("sl-switch");
 
-var _tmpl$$d = /* @__PURE__ */ template$1(`<style>`);
+var _tmpl$$e = /* @__PURE__ */ template$1(`<style>`);
 setBasePath("https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.4.0/dist/");
 const PhotonPrescribeWorkflowComponent = (props) => {
   const {
@@ -78155,89 +78529,96 @@ const PhotonPrescribeWorkflowComponent = (props) => {
                       return props.enableCoverageCheck;
                     },
                     get children() {
-                      return [(() => {
-                        var _el$ = _tmpl$$d();
-                        insert$1(_el$, tailwind);
-                        return _el$;
-                      })(), (() => {
-                        var _el$2 = _tmpl$$d();
-                        insert$1(_el$2, shoelaceDarkStyles);
-                        return _el$2;
-                      })(), (() => {
-                        var _el$3 = _tmpl$$d();
-                        insert$1(_el$3, shoelaceLightStyles);
-                        return _el$3;
-                      })(), (() => {
-                        var _el$4 = _tmpl$$d();
-                        insert$1(_el$4, styles$5);
-                        return _el$4;
-                      })(), createComponent(PrescribeWorkflow, {
-                        get patientId() {
-                          return props.patientId;
-                        },
-                        get hideSubmit() {
-                          return props.hideSubmit;
-                        },
-                        get hideTemplates() {
-                          return props.hideTemplates;
-                        },
-                        get hidePatientCard() {
-                          return props.hidePatientCard;
+                      return createComponent(SupervisorProvider, {
+                        get supervisor() {
+                          return props.supervisor;
                         },
-                        get enableOrder() {
-                          return props.enableOrder;
-                        },
-                        get enableMedHistory() {
-                          return props.enableMedHistory;
-                        },
-                        get enableMedHistoryLinks() {
-                          return props.enableMedHistoryLinks;
-                        },
-                        get enableMedHistoryRefillButton() {
-                          return props.enableMedHistoryRefillButton;
-                        },
-                        get enableCombineAndDuplicate() {
-                          return props.enableCombineAndDuplicate;
-                        },
-                        get optionalPatientAddress() {
-                          return props.optionalPatientAddress;
-                        },
-                        get address() {
-                          return props.address;
-                        },
-                        get weight() {
-                          return props.weight;
-                        },
-                        get weightUnit() {
-                          return props.weightUnit;
-                        },
-                        get additionalNotes() {
-                          return props.additionalNotes;
-                        },
-                        get triggerSubmit() {
-                          return props.triggerSubmit;
-                        },
-                        get toastBuffer() {
-                          return props.toastBuffer;
-                        },
-                        formStore: store,
-                        formActions: actions,
-                        get externalOrderId() {
-                          return props.externalOrderId;
-                        },
-                        get catalogId() {
-                          return props.catalogId;
-                        },
-                        get allowOffCatalogSearch() {
-                          return props.allowOffCatalogSearch;
-                        },
-                        get disableList() {
-                          return props.disableList;
-                        },
-                        get groupId() {
-                          return props.groupId;
+                        get children() {
+                          return [(() => {
+                            var _el$ = _tmpl$$e();
+                            insert$1(_el$, tailwind);
+                            return _el$;
+                          })(), (() => {
+                            var _el$2 = _tmpl$$e();
+                            insert$1(_el$2, shoelaceDarkStyles);
+                            return _el$2;
+                          })(), (() => {
+                            var _el$3 = _tmpl$$e();
+                            insert$1(_el$3, shoelaceLightStyles);
+                            return _el$3;
+                          })(), (() => {
+                            var _el$4 = _tmpl$$e();
+                            insert$1(_el$4, styles$5);
+                            return _el$4;
+                          })(), createComponent(PrescribeWorkflow, {
+                            get patientId() {
+                              return props.patientId;
+                            },
+                            get hideSubmit() {
+                              return props.hideSubmit;
+                            },
+                            get hideTemplates() {
+                              return props.hideTemplates;
+                            },
+                            get hidePatientCard() {
+                              return props.hidePatientCard;
+                            },
+                            get enableOrder() {
+                              return props.enableOrder;
+                            },
+                            get enableMedHistory() {
+                              return props.enableMedHistory;
+                            },
+                            get enableMedHistoryLinks() {
+                              return props.enableMedHistoryLinks;
+                            },
+                            get enableMedHistoryRefillButton() {
+                              return props.enableMedHistoryRefillButton;
+                            },
+                            get enableCombineAndDuplicate() {
+                              return props.enableCombineAndDuplicate;
+                            },
+                            get optionalPatientAddress() {
+                              return props.optionalPatientAddress;
+                            },
+                            get address() {
+                              return props.address;
+                            },
+                            get weight() {
+                              return props.weight;
+                            },
+                            get weightUnit() {
+                              return props.weightUnit;
+                            },
+                            get additionalNotes() {
+                              return props.additionalNotes;
+                            },
+                            get triggerSubmit() {
+                              return props.triggerSubmit;
+                            },
+                            get toastBuffer() {
+                              return props.toastBuffer;
+                            },
+                            formStore: store,
+                            formActions: actions,
+                            get externalOrderId() {
+                              return props.externalOrderId;
+                            },
+                            get catalogId() {
+                              return props.catalogId;
+                            },
+                            get allowOffCatalogSearch() {
+                              return props.allowOffCatalogSearch;
+                            },
+                            get disableList() {
+                              return props.disableList;
+                            },
+                            get groupId() {
+                              return props.groupId;
+                            }
+                          })];
                         }
-                      })];
+                      });
                     }
                   });
                 }
@@ -78279,17 +78660,18 @@ customElement("photon-prescribe-workflow", {
   allowOffCatalogSearch: true,
   enableCoverageCheck: false,
   disableList: void 0,
-  groupId: void 0
+  groupId: void 0,
+  supervisor: void 0
 }, PhotonPrescribeWorkflowComponent);
 
-var _tmpl$$c = /* @__PURE__ */ template$1(`<p class="font-sans text-l font-medium mb-2">`), _tmpl$2$a = /* @__PURE__ */ template$1(`<sl-icon-button class=self-start>`, true, false, false), _tmpl$3$9 = /* @__PURE__ */ template$1(`<style>`), _tmpl$4$7 = /* @__PURE__ */ template$1(`<div class="rounded-lg bg-white p-4 shadow-card border border-gray-200">`), _tmpl$5$7 = /* @__PURE__ */ template$1(`<div class="flex flex-row justify-between">`), _tmpl$6$6 = /* @__PURE__ */ template$1(`<slot>`);
+var _tmpl$$d = /* @__PURE__ */ template$1(`<p class="font-sans text-l font-medium mb-2">`), _tmpl$2$a = /* @__PURE__ */ template$1(`<sl-icon-button class=self-start>`, true, false, false), _tmpl$3$9 = /* @__PURE__ */ template$1(`<style>`), _tmpl$4$7 = /* @__PURE__ */ template$1(`<div class="rounded-lg bg-white p-4 shadow-card border border-gray-200">`), _tmpl$5$7 = /* @__PURE__ */ template$1(`<div class="flex flex-row justify-between">`), _tmpl$6$6 = /* @__PURE__ */ template$1(`<slot>`);
 const Component$6 = (props) => {
   const [isCollapsed, setIsCollapsed] = createSignal(true);
   let titleElement = null;
   let collapsableElement = null;
   if (props.title) {
     titleElement = (() => {
-      var _el$ = _tmpl$$c();
+      var _el$ = _tmpl$$d();
       insert$1(_el$, () => props.title);
       return _el$;
     })();
@@ -78999,7 +79381,7 @@ SlDialog.define("sl-dialog");
 
 const styles$4 = ".dialog::part(overlay) {\n  background-color: rgba(0, 0, 0, 0.48);\n}\n\n.dialog::part(body) {\n  padding-bottom: 0.25rem;\n}\n\n.dialog::part(footer) {\n  padding-top: 0px;\n}\n\n.hideFooter::part(footer) {\n  display: none;\n}\n\n.showHeader::part(body) {\n  padding-top: 0px;\n}\n\n.dialog::part(title) {\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  font-weight: 500;\n}";
 
-var _tmpl$$b = /* @__PURE__ */ template$1(`<style>`), _tmpl$2$9 = /* @__PURE__ */ template$1(`<slot name=label><p class="text-xl font-sans font-medium">`), _tmpl$3$8 = /* @__PURE__ */ template$1(`<sl-dialog class=dialog><div><slot></slot></div><div class="flex flex-col xs:flex-row justify-end gap-2"slot=footer>`, true, false, false);
+var _tmpl$$c = /* @__PURE__ */ template$1(`<style>`), _tmpl$2$9 = /* @__PURE__ */ template$1(`<slot name=label><p class="text-xl font-sans font-medium">`), _tmpl$3$8 = /* @__PURE__ */ template$1(`<sl-dialog class=dialog><div><slot></slot></div><div class="flex flex-col xs:flex-row justify-end gap-2"slot=footer>`, true, false, false);
 setBasePath("https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.4.0/dist/");
 const Component$5 = (props) => {
   let ref;
@@ -79012,19 +79394,19 @@ const Component$5 = (props) => {
     ref?.dispatchEvent(event);
   };
   return [(() => {
-    var _el$ = _tmpl$$b();
+    var _el$ = _tmpl$$c();
     insert$1(_el$, tailwind);
     return _el$;
   })(), (() => {
-    var _el$2 = _tmpl$$b();
+    var _el$2 = _tmpl$$c();
     insert$1(_el$2, shoelaceDarkStyles);
     return _el$2;
   })(), (() => {
-    var _el$3 = _tmpl$$b();
+    var _el$3 = _tmpl$$c();
     insert$1(_el$3, shoelaceLightStyles);
     return _el$3;
   })(), (() => {
-    var _el$4 = _tmpl$$b();
+    var _el$4 = _tmpl$$c();
     insert$1(_el$4, styles$4);
     return _el$4;
   })(), (() => {
@@ -79117,7 +79499,7 @@ customElement("photon-dialog", {
   overlayClose: false
 }, Component$5);
 
-var _tmpl$$a = /* @__PURE__ */ template$1(`<div class="text-black text-xl md:text-3xl">`), _tmpl$2$8 = /* @__PURE__ */ template$1(`<sl-icon class=flex-shrink-0>`, true, false, false), _tmpl$3$7 = /* @__PURE__ */ template$1(`<header class="flex-shrink-0 flex items-center px-4 py-2 md:px-8 md:py-3 bg-white shadow-card"><div class="flex items-center"></div><div class="flex-1 flex justify-center items-center min-w-0 px-2"><p class="ml-1 font-sans text-lg md:text-xl font-medium truncate"></p></div><div class="flex items-center w-[44px]">`), _tmpl$4$6 = /* @__PURE__ */ template$1(`<footer class="flex-shrink-0 bg-white shadow-card px-4 py-4 md:px-8"><div class="flex flex-col xs:flex-row-reverse xs:justify-start gap-2 items-center w-full sm:w-[600px] xs:mx-auto sm:px-4">`), _tmpl$5$6 = /* @__PURE__ */ template$1(`<div class="z-50 fixed inset-0 flex flex-col bg-[#F9FAFB]"><photon-dialog confirm-text="Yes, Close"cancel-text="Keep Editing"><p class="font-sans text-lg xs:text-base"></p></photon-dialog><main class="flex-1 overflow-y-auto overscroll-contain"><div class="px-4 pt-4 pb-4 md:px-4 w-full sm:w-[600px] xs:mx-auto">`, true, false, false);
+var _tmpl$$b = /* @__PURE__ */ template$1(`<div class="text-black text-xl md:text-3xl">`), _tmpl$2$8 = /* @__PURE__ */ template$1(`<sl-icon class=flex-shrink-0>`, true, false, false), _tmpl$3$7 = /* @__PURE__ */ template$1(`<header class="flex-shrink-0 flex items-center px-4 py-2 md:px-8 md:py-3 bg-white shadow-card"><div class="flex items-center"></div><div class="flex-1 flex justify-center items-center min-w-0 px-2"><p class="ml-1 font-sans text-lg md:text-xl font-medium truncate"></p></div><div class="flex items-center w-[44px]">`), _tmpl$4$6 = /* @__PURE__ */ template$1(`<footer class="flex-shrink-0 bg-white shadow-card px-4 py-4 md:px-8"><div class="flex flex-col xs:flex-row-reverse xs:justify-start gap-2 items-center w-full sm:w-[600px] xs:mx-auto sm:px-4">`), _tmpl$5$6 = /* @__PURE__ */ template$1(`<div class="z-50 fixed inset-0 flex flex-col bg-[#F9FAFB]"><photon-dialog confirm-text="Yes, Close"cancel-text="Keep Editing"><p class="font-sans text-lg xs:text-base"></p></photon-dialog><main class="flex-1 overflow-y-auto overscroll-contain"><div class="px-4 pt-4 pb-4 md:px-4 w-full sm:w-[600px] xs:mx-auto">`, true, false, false);
 const PhotonFormWrapper = (p) => {
   const props = mergeProps({
     closeTitle: "Lose unsaved changes?",
@@ -79157,7 +79539,7 @@ const PhotonFormWrapper = (p) => {
             }
           },
           get children() {
-            var _el$6 = _tmpl$$a();
+            var _el$6 = _tmpl$$b();
             insert$1(_el$6, createComponent(Icon, {
               name: "xMark"
             }));
@@ -79205,7 +79587,7 @@ const PhotonFormWrapper = (p) => {
 };
 const IS_KNOWN_NATIVE_WEBVIEW = typeof window !== "undefined" && window.__photonHideHeader === true;
 
-var _tmpl$$9 = /* @__PURE__ */ template$1(`<span class="text-gray-500 text-sm font-normal"> (optional)`), _tmpl$2$7 = /* @__PURE__ */ template$1(`<p class="font-sans text-lg mt-4 md:!mt-8"role=heading aria-level=3>Address`), _tmpl$3$6 = /* @__PURE__ */ template$1(`<div class="flex gap-4"><div class="flex-grow min-w-[40%]"></div><div class="flex-grow min-w-[40%]">`), _tmpl$4$5 = /* @__PURE__ */ template$1(`<div class="w-full flex justify-center">`), _tmpl$5$5 = /* @__PURE__ */ template$1(`<div><p class="font-sans text-lg flex-grow my-2"role=heading aria-level=2>Patient info</p><div class="flex flex-col"></div><button class="mb-4 mt-8 flex items-center md:!hidden"aria-controls=optional-fields-section><span class="font-sans text-lg"></span></button><div id=optional-fields-section><p class="font-sans text-sm m-0 mt-6">Preferred pharmacy`), _tmpl$6$5 = /* @__PURE__ */ template$1(`<div class="flex flex-col gap-8">`), _tmpl$7$4 = /* @__PURE__ */ template$1(`<div class="photon-patient-form w-full h-full relative">`);
+var _tmpl$$a = /* @__PURE__ */ template$1(`<span class="text-gray-500 text-sm font-normal"> (optional)`), _tmpl$2$7 = /* @__PURE__ */ template$1(`<p class="font-sans text-lg mt-4 md:!mt-8"role=heading aria-level=3>Address`), _tmpl$3$6 = /* @__PURE__ */ template$1(`<div class="flex gap-4"><div class="flex-grow min-w-[40%]"></div><div class="flex-grow min-w-[40%]">`), _tmpl$4$5 = /* @__PURE__ */ template$1(`<div class="w-full flex justify-center">`), _tmpl$5$5 = /* @__PURE__ */ template$1(`<div><p class="font-sans text-lg flex-grow my-2"role=heading aria-level=2>Patient info</p><div class="flex flex-col"></div><button class="mb-4 mt-8 flex items-center md:!hidden"aria-controls=optional-fields-section><span class="font-sans text-lg"></span></button><div id=optional-fields-section><p class="font-sans text-sm m-0 mt-6">Preferred pharmacy`), _tmpl$6$5 = /* @__PURE__ */ template$1(`<div class="flex flex-col gap-8">`), _tmpl$7$4 = /* @__PURE__ */ template$1(`<div class="photon-patient-form w-full h-full relative">`);
 const validators = {
   firstName: message(size$2(string(), 1, Infinity), "Please enter a first name."),
   lastName: message(size$2(string(), 1, Infinity), "Please enter a last name."),
@@ -79251,7 +79633,7 @@ const PatientForm = (props) => {
           return !isAddressRequired();
         },
         get children() {
-          return _tmpl$$9();
+          return _tmpl$$a();
         }
       }), null);
       return _el$;
@@ -79626,7 +80008,7 @@ const PatientForm = (props) => {
 };
 delegateEvents$1(["click"]);
 
-var _tmpl$$8 = /* @__PURE__ */ template$1(`<style>`), _tmpl$2$6 = /* @__PURE__ */ template$1(`<div>`), _tmpl$3$5 = /* @__PURE__ */ template$1(`<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative mb-4"role=alert><span class="block sm:inline">`);
+var _tmpl$$9 = /* @__PURE__ */ template$1(`<style>`), _tmpl$2$6 = /* @__PURE__ */ template$1(`<div>`), _tmpl$3$5 = /* @__PURE__ */ template$1(`<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative mb-4"role=alert><span class="block sm:inline">`);
 const PATIENT_FIELDS = gql$1`
   fragment PatientFields on Patient {
     id
@@ -79841,14 +80223,14 @@ const Component$4 = (props) => {
         return props.open;
       },
       get children() {
-        return createComponent(Portal, {
+        return createComponent(Portal$1, {
           get mount() {
             return document.body;
           },
           useShadow: true,
           get children() {
             return [(() => {
-              var _el$2 = _tmpl$$8();
+              var _el$2 = _tmpl$$9();
               insert$1(_el$2, tailwind);
               return _el$2;
             })(), createComponent(PhotonFormWrapper, {
@@ -79954,11 +80336,11 @@ customElement("photon-patient-dialog", {
   hideHeaderOnIosWebview: false
 }, Component$4);
 
-var _tmpl$$7 = /* @__PURE__ */ template$1(`<photon-patient-dialog>`, true, false, false);
+var _tmpl$$8 = /* @__PURE__ */ template$1(`<photon-patient-dialog>`, true, false, false);
 const Component$3 = (props) => {
   console.warn("photon-update-patient-dialog will be deprecated soon. Please use photon-patient-dialog instead.");
   return (() => {
-    var _el$ = _tmpl$$7();
+    var _el$ = _tmpl$$8();
     _el$._$owner = getOwner();
     createRenderEffect((_p$) => {
       var _v$ = props.patientId, _v$2 = props.open;
@@ -82800,7 +83182,7 @@ function createVirtualizer(options) {
   }, options));
 }
 
-var _tmpl$$6 = /* @__PURE__ */ template$1(`<div slot=suffix class=flex><sl-icon class="text-gray-400 hover:text-gray-600"name=x-circle-fill>`, true, false, false), _tmpl$2$5 = /* @__PURE__ */ template$1(`<div><style></style><style></style><style></style><style></style><div class="dropdown-container fixed top-0 left-0 w-full bg-white overflow-hidden z-2000 flex flex-col"><div class="flex items-center pb-2 pl-5 pr-5 pt-3 flex-shrink-0"><div class="flex items-center"><sl-icon-button name=x label="Close medication search"class=full-screen-close-btn></sl-icon-button></div></div><div class=flex-shrink-0><sl-input slot=trigger clearable autocomplete=off size=medium class="treatment-search input mb-2 px-4"><p slot=help-text class="text-red-400 pt-1 font-sans"></p><div slot=suffix class=flex><sl-spinner slot=suffix></sl-spinner></div></sl-input></div><div class="w-full flex-1 overflow-y-auto .dropdown-container-list-items">`, true, false, false), _tmpl$3$4 = /* @__PURE__ */ template$1(`<div class="md:flex flex-1 justify-center items-center pl-2"><div class="flex items-center space-x-2"><p class="text-gray-700 text-sm font-sans inline font-medium">`), _tmpl$4$4 = /* @__PURE__ */ template$1(`<p class="pl-1 text-red-400">*`), _tmpl$5$4 = /* @__PURE__ */ template$1(`<p class="text-gray-400 text-xs pl-2 font-sans">Optional`), _tmpl$6$4 = /* @__PURE__ */ template$1(`<div class=px-4><p class=text-gray-400>Loading...`), _tmpl$7$3 = /* @__PURE__ */ template$1(`<div class=px-4><p class=text-gray-400>No treatments found`), _tmpl$8$3 = /* @__PURE__ */ template$1(`<div class="group uppercase px-4">`), _tmpl$9$1 = /* @__PURE__ */ template$1(`<div class=treatment-option>`), _tmpl$0$1 = /* @__PURE__ */ template$1(`<p class="text-center text-gray-400 italic px-3">Loading...`), _tmpl$1$1 = /* @__PURE__ */ template$1(`<p class="text-center text-gray-400 italic px-3">Nothing more to load`), _tmpl$10$1 = /* @__PURE__ */ template$1(`<div class="px-4 py-1">`);
+var _tmpl$$7 = /* @__PURE__ */ template$1(`<div slot=suffix class=flex><sl-icon class="text-gray-400 hover:text-gray-600"name=x-circle-fill>`, true, false, false), _tmpl$2$5 = /* @__PURE__ */ template$1(`<div><style></style><style></style><style></style><style></style><div class="dropdown-container fixed top-0 left-0 w-full bg-white overflow-hidden z-2000 flex flex-col"><div class="flex items-center pb-2 pl-5 pr-5 pt-3 flex-shrink-0"><div class="flex items-center"><sl-icon-button name=x label="Close medication search"class=full-screen-close-btn></sl-icon-button></div></div><div class=flex-shrink-0><sl-input slot=trigger clearable autocomplete=off size=medium class="treatment-search input mb-2 px-4"><p slot=help-text class="text-red-400 pt-1 font-sans"></p><div slot=suffix class=flex><sl-spinner slot=suffix></sl-spinner></div></sl-input></div><div class="w-full flex-1 overflow-y-auto .dropdown-container-list-items">`, true, false, false), _tmpl$3$4 = /* @__PURE__ */ template$1(`<div class="md:flex flex-1 justify-center items-center pl-2"><div class="flex items-center space-x-2"><p class="text-gray-700 text-sm font-sans inline font-medium">`), _tmpl$4$4 = /* @__PURE__ */ template$1(`<p class="pl-1 text-red-400">*`), _tmpl$5$4 = /* @__PURE__ */ template$1(`<p class="text-gray-400 text-xs pl-2 font-sans">Optional`), _tmpl$6$4 = /* @__PURE__ */ template$1(`<div class=px-4><p class=text-gray-400>Loading...`), _tmpl$7$3 = /* @__PURE__ */ template$1(`<div class=px-4><p class=text-gray-400>No treatments found`), _tmpl$8$3 = /* @__PURE__ */ template$1(`<div class="group uppercase px-4">`), _tmpl$9$1 = /* @__PURE__ */ template$1(`<div class=treatment-option>`), _tmpl$0$1 = /* @__PURE__ */ template$1(`<p class="text-center text-gray-400 italic px-3">Loading...`), _tmpl$1$1 = /* @__PURE__ */ template$1(`<p class="text-center text-gray-400 italic px-3">Nothing more to load`), _tmpl$10$1 = /* @__PURE__ */ template$1(`<div class="px-4 py-1">`);
 setBasePath("https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.4.0/dist/");
 const PhotonMedicationDropdownFullWidth = (props) => {
   let ref;
@@ -82954,7 +83336,7 @@ const PhotonMedicationDropdownFullWidth = (props) => {
         return props.clearable;
       },
       get children() {
-        var _el$13 = _tmpl$$6(), _el$14 = _el$13.firstChild;
+        var _el$13 = _tmpl$$7(), _el$14 = _el$13.firstChild;
         addEventListener$1(_el$14, "click", (e) => {
           e.stopImmediatePropagation();
           inputRef.value = "";
@@ -83083,7 +83465,7 @@ delegateEvents$1(["touchmove", "touchstart", "click"]);
 
 const styles$2 = "\n\n:host {}\n\n.invalid::part(base) {\n  --tw-border-opacity: 1;\n  border-color: rgb(248, 113, 113, var(--tw-border-opacity));\n  border-width: 2px;\n}\n\n.input::part(base) {\n  border-radius: var(--photon-border-radius, 0.5rem);\n}\n\n.input::part(base):hover {\n  cursor: pointer;\n}\n\n.input::part(input) {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.disabled::part(base):hover {\n  cursor: not-allowed;\n}\n\n.selected::part(base) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(49, 130, 206, var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255, 255, 255, var(--tw-text-opacity));\n}\n\n.default::part(base):hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229, 231, 235, var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(31, 41, 55, var(--tw-text-opacity));\n}\n\n.default::part(label) {\n  width: 100%;\n  overflow: hidden;\n}\n\n.group-member::part(base) {\n  padding-left: 1rem;\n  font-weight: 500;\n}\n\n.group::part(base) {\n  background: #d1e9ff;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  --tw-text-opacity: 1;\n  color: rgb(31, 41, 55, var(--tw-text-opacity));\n  font-size: 0.75rem;\n  font-weight: 600;\n}\n\n.dropdown::part(panel) {\n  border-radius: var(--photon-border-radius, 0.5rem);\n}\n\n.dropdown-container {\n  border-radius: var(--photon-border-radius, 0.5rem);\n}\n\n.group::part(checked-icon) {\n  display: none;\n  width: 0px;\n}\n\n.group::part(label) {\n  padding-left: 12px;\n  padding-right: 12px;\n}\n\n.treatment-option::part(checked-icon) {\n  display: none;\n  width: 0px;\n}";
 
-var _tmpl$$5 = /* @__PURE__ */ template$1(`<div slot=suffix class=flex><sl-icon class="text-gray-400 hover:text-gray-600"name=x-circle-fill>`, true, false, false), _tmpl$2$4 = /* @__PURE__ */ template$1(`<div><style></style><style></style><style></style><style></style><sl-dropdown class="dropdown relative"hoist><sl-input clearable slot=trigger autocomplete=off size=medium class=input><p slot=help-text class="text-red-400 pt-1 font-sans"></p><div slot=suffix class=flex><sl-spinner slot=suffix></sl-spinner></div><div slot=suffix class=flex><sl-icon></sl-icon></div></sl-input><div class="border border-gray-200 dropdown-container overflow-hidden relative"><div class="bg-white overflow-x-hidden overflow-y-auto relative"><div>`, true, false, false), _tmpl$3$3 = /* @__PURE__ */ template$1(`<div class="flex items-center pb-2"><p class="text-gray-700 text-sm font-sans">`), _tmpl$4$3 = /* @__PURE__ */ template$1(`<p class="pl-1 text-red-400">*`), _tmpl$5$3 = /* @__PURE__ */ template$1(`<p class="text-gray-400 text-xs pl-2 font-sans">Optional`), _tmpl$6$3 = /* @__PURE__ */ template$1(`<sl-menu-item><p class="text-center text-gray-400 italic">Loading...`, true, false, false), _tmpl$7$2 = /* @__PURE__ */ template$1(`<sl-menu-item>`, true, false, false), _tmpl$8$2 = /* @__PURE__ */ template$1(`<sl-menu-item class="group uppercase">`, true, false, false), _tmpl$9 = /* @__PURE__ */ template$1(`<sl-menu-item class=treatment-option>`, true, false, false), _tmpl$0 = /* @__PURE__ */ template$1(`<p class="text-center text-gray-400 italic">Loading...`), _tmpl$1 = /* @__PURE__ */ template$1(`<p class="text-center text-gray-400 italic">Nothing more to load`), _tmpl$10 = /* @__PURE__ */ template$1(`<p class="break-words px-3">`);
+var _tmpl$$6 = /* @__PURE__ */ template$1(`<div slot=suffix class=flex><sl-icon class="text-gray-400 hover:text-gray-600"name=x-circle-fill>`, true, false, false), _tmpl$2$4 = /* @__PURE__ */ template$1(`<div><style></style><style></style><style></style><style></style><sl-dropdown class="dropdown relative"hoist><sl-input clearable slot=trigger autocomplete=off size=medium class=input><p slot=help-text class="text-red-400 pt-1 font-sans"></p><div slot=suffix class=flex><sl-spinner slot=suffix></sl-spinner></div><div slot=suffix class=flex><sl-icon></sl-icon></div></sl-input><div class="border border-gray-200 dropdown-container overflow-hidden relative"><div class="bg-white overflow-x-hidden overflow-y-auto relative"><div>`, true, false, false), _tmpl$3$3 = /* @__PURE__ */ template$1(`<div class="flex items-center pb-2"><p class="text-gray-700 text-sm font-sans">`), _tmpl$4$3 = /* @__PURE__ */ template$1(`<p class="pl-1 text-red-400">*`), _tmpl$5$3 = /* @__PURE__ */ template$1(`<p class="text-gray-400 text-xs pl-2 font-sans">Optional`), _tmpl$6$3 = /* @__PURE__ */ template$1(`<sl-menu-item><p class="text-center text-gray-400 italic">Loading...`, true, false, false), _tmpl$7$2 = /* @__PURE__ */ template$1(`<sl-menu-item>`, true, false, false), _tmpl$8$2 = /* @__PURE__ */ template$1(`<sl-menu-item class="group uppercase">`, true, false, false), _tmpl$9 = /* @__PURE__ */ template$1(`<sl-menu-item class=treatment-option>`, true, false, false), _tmpl$0 = /* @__PURE__ */ template$1(`<p class="text-center text-gray-400 italic">Loading...`), _tmpl$1 = /* @__PURE__ */ template$1(`<p class="text-center text-gray-400 italic">Nothing more to load`), _tmpl$10 = /* @__PURE__ */ template$1(`<p class="break-words px-3">`);
 setBasePath("https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.4.0/dist/");
 const PhotonMedicationDropdown = (props) => {
   let ref;
@@ -83269,7 +83651,7 @@ const PhotonMedicationDropdown = (props) => {
         return props.clearable;
       },
       get children() {
-        var _el$1 = _tmpl$$5(), _el$10 = _el$1.firstChild;
+        var _el$1 = _tmpl$$6(), _el$10 = _el$1.firstChild;
         addEventListener$1(_el$10, "click", (e) => {
           e.stopImmediatePropagation();
           setSelected(void 0);
@@ -83474,7 +83856,7 @@ delegateEvents$1(["click"]);
 
 const styles$1 = "\n\n:host {}\n\n.invalid::part(base) {\n  --tw-border-opacity: 1;\n  border-color: rgb(248, 113, 113, var(--tw-border-opacity));\n  border-width: 2px;\n}\n\n.input::part(base) {\n  border-radius: var(--photon-border-radius, 0.5rem);\n}\n\n.input::part(base):hover {\n  cursor: pointer;\n}\n\n.input::part(input) {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.input {\n  --sl-input-required-content-color: #f87171;\n  --sl-input-label-font-size-medium: 0.875rem;\n  --sl-input-label-color: #374151;\n}\n\n.input::part(form-control-label) {\n  padding-bottom: 0.5rem;\n}\n\n.disabled::part(base):hover {\n  cursor: not-allowed;\n}\n\n.selected::part(base) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(49, 130, 206, var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255, 255, 255, var(--tw-text-opacity));\n}\n\n.default::part(base):hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229, 231, 235, var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(31, 41, 55, var(--tw-text-opacity));\n}\n\n.default::part(label) {\n  width: 100%;\n  overflow: hidden;\n}\n\n.group-member::part(base) {\n  padding-left: 1rem;\n  font-weight: 500;\n}\n\n.group::part(base) {\n  background: #d1e9ff;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  --tw-text-opacity: 1;\n  color: rgb(31, 41, 55, var(--tw-text-opacity));\n  font-size: 0.75rem;\n  font-weight: 600;\n}\n\n.dropdown::part(panel) {\n  border-radius: var(--photon-border-radius, 0.5rem);\n}\n\n.dropdown-container {\n  border-radius: var(--photon-border-radius, 0.5rem);\n}";
 
-var _tmpl$$4 = /* @__PURE__ */ template$1(`<div slot=suffix class=flex><sl-icon class="text-gray-400 hover:text-gray-600"name=x-circle-fill>`, true, false, false), _tmpl$2$3 = /* @__PURE__ */ template$1(`<div><style></style><style></style><style></style><style></style><sl-dropdown class="dropdown relative"hoist><sl-input slot=trigger autocomplete=off size=medium class=input><p slot=help-text class="text-red-400 pt-1 font-sans"></p><div slot=suffix class=flex><sl-spinner slot=suffix></sl-spinner></div><div slot=suffix class=flex><sl-icon></sl-icon></div></sl-input><div class="border border-gray-200 dropdown-container overflow-hidden relative"><div class="bg-white overflow-x-hidden overflow-y-auto relative"><div>`, true, false, false), _tmpl$3$2 = /* @__PURE__ */ template$1(`<sl-menu-item><p class="text-center text-gray-400 italic">Loading...`, true, false, false), _tmpl$4$2 = /* @__PURE__ */ template$1(`<sl-menu-item>`, true, false, false), _tmpl$5$2 = /* @__PURE__ */ template$1(`<sl-menu-item class=group>`, true, false, false), _tmpl$6$2 = /* @__PURE__ */ template$1(`<p class="text-center text-gray-400 italic">Loading...`), _tmpl$7$1 = /* @__PURE__ */ template$1(`<p class="text-center text-gray-400 italic">Nothing more to load`), _tmpl$8$1 = /* @__PURE__ */ template$1(`<p>`);
+var _tmpl$$5 = /* @__PURE__ */ template$1(`<div slot=suffix class=flex><sl-icon class="text-gray-400 hover:text-gray-600"name=x-circle-fill>`, true, false, false), _tmpl$2$3 = /* @__PURE__ */ template$1(`<div><style></style><style></style><style></style><style></style><sl-dropdown class="dropdown relative"hoist><sl-input slot=trigger autocomplete=off size=medium class=input><p slot=help-text class="text-red-400 pt-1 font-sans"></p><div slot=suffix class=flex><sl-spinner slot=suffix></sl-spinner></div><div slot=suffix class=flex><sl-icon></sl-icon></div></sl-input><div class="border border-gray-200 dropdown-container overflow-hidden relative"><div class="bg-white overflow-x-hidden overflow-y-auto relative"><div>`, true, false, false), _tmpl$3$2 = /* @__PURE__ */ template$1(`<sl-menu-item><p class="text-center text-gray-400 italic">Loading...`, true, false, false), _tmpl$4$2 = /* @__PURE__ */ template$1(`<sl-menu-item>`, true, false, false), _tmpl$5$2 = /* @__PURE__ */ template$1(`<sl-menu-item class=group>`, true, false, false), _tmpl$6$2 = /* @__PURE__ */ template$1(`<p class="text-center text-gray-400 italic">Loading...`), _tmpl$7$1 = /* @__PURE__ */ template$1(`<p class="text-center text-gray-400 italic">Nothing more to load`), _tmpl$8$1 = /* @__PURE__ */ template$1(`<p>`);
 setBasePath("https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.4.0/dist/");
 const PhotonDropdown = (props) => {
   let ref;
@@ -83644,7 +84026,7 @@ const PhotonDropdown = (props) => {
         return props.clearable;
       },
       get children() {
-        var _el$1 = _tmpl$$4(), _el$10 = _el$1.firstChild;
+        var _el$1 = _tmpl$$5(), _el$10 = _el$1.firstChild;
         addEventListener$1(_el$10, "click", (e) => {
           e.stopImmediatePropagation();
           setSelected(void 0);
@@ -83934,7 +84316,7 @@ const createCatalogStore = () => {
 };
 const CatalogStore = createCatalogStore();
 
-var _tmpl$$3 = /* @__PURE__ */ template$1(`<strong class=font-extrabold>`), _tmpl$2$2 = /* @__PURE__ */ template$1(`<div><p>`), _tmpl$3$1 = /* @__PURE__ */ template$1(`<p class="text-xs text-red-500 mt-1 italic">`), _tmpl$4$1 = /* @__PURE__ */ template$1(`<div><div></div><div> <!>, <!> <!> supply, <!> <!>, `), _tmpl$5$1 = /* @__PURE__ */ template$1(`<span class=text-blue-600>(<!>): `), _tmpl$6$1 = /* @__PURE__ */ template$1(`<div><style>`);
+var _tmpl$$4 = /* @__PURE__ */ template$1(`<strong class=font-extrabold>`), _tmpl$2$2 = /* @__PURE__ */ template$1(`<div><p>`), _tmpl$3$1 = /* @__PURE__ */ template$1(`<p class="text-xs text-red-500 mt-1 italic">`), _tmpl$4$1 = /* @__PURE__ */ template$1(`<div><div></div><div> <!>, <!> <!> supply, <!> <!>, `), _tmpl$5$1 = /* @__PURE__ */ template$1(`<span class=text-blue-600>(<!>): `), _tmpl$6$1 = /* @__PURE__ */ template$1(`<div><style>`);
 function createBlockedMedsMap(disableList) {
   if (!disableList || disableList.length === 0) {
     return {};
@@ -84027,7 +84409,7 @@ const boldSubstring = (inputString, substring) => {
   return parts.map((part) => {
     if (substrings.some((sub) => sub.toLowerCase() === part?.toLowerCase())) {
       return (() => {
-        var _el$ = _tmpl$$3();
+        var _el$ = _tmpl$$4();
         insert$1(_el$, part);
         return _el$;
       })();
@@ -84356,7 +84738,7 @@ customElement("photon-medication-search", {
 
 const styles = ":host {}\n\n.dropdown::part(panel) {\n  width: 480px;\n}\n\n@media (max-width: 768px) {\n  .dropdown::part(panel) {\n    max-width: 100vw;\n    width: 100vw;\n  }\n}";
 
-var _tmpl$$2 = /* @__PURE__ */ template$1(`<p class="text-lg font-semibold mt-0 mb-4">Add Medication History`), _tmpl$2$1 = /* @__PURE__ */ template$1(`<div class="flex items-center pb-2"><p class="text-gray-700 text-sm font-sans">Search for Treatment`), _tmpl$3 = /* @__PURE__ */ template$1(`<sl-dropdown class="w-full p-0 dropdown"><sl-input placeholder="Type medication name"autocomplete=off class="border border-none p-0"size=medium clearable slot=trigger><div slot=suffix class=flex><sl-spinner slot=suffix></sl-spinner></div></sl-input><sl-menu>`, true, false, false), _tmpl$4 = /* @__PURE__ */ template$1(`<div class="mt-5 flex gap-4 justify-end">`), _tmpl$5 = /* @__PURE__ */ template$1(`<div><style></style><style></style><style></style><style>`), _tmpl$6 = /* @__PURE__ */ template$1(`<sl-menu-item disabled>Type at least 3 characters`, true, false, false), _tmpl$7 = /* @__PURE__ */ template$1(`<sl-menu-item>`, true, false, false), _tmpl$8 = /* @__PURE__ */ template$1(`<sl-menu-item disabled>No results found`, true, false, false);
+var _tmpl$$3 = /* @__PURE__ */ template$1(`<p class="text-lg font-semibold mt-0 mb-4">Add Medication History`), _tmpl$2$1 = /* @__PURE__ */ template$1(`<div class="flex items-center pb-2"><p class="text-gray-700 text-sm font-sans">Search for Treatment`), _tmpl$3 = /* @__PURE__ */ template$1(`<sl-dropdown class="w-full p-0 dropdown"><sl-input placeholder="Type medication name"autocomplete=off class="border border-none p-0"size=medium clearable slot=trigger><div slot=suffix class=flex><sl-spinner slot=suffix></sl-spinner></div></sl-input><sl-menu>`, true, false, false), _tmpl$4 = /* @__PURE__ */ template$1(`<div class="mt-5 flex gap-4 justify-end">`), _tmpl$5 = /* @__PURE__ */ template$1(`<div><style></style><style></style><style></style><style>`), _tmpl$6 = /* @__PURE__ */ template$1(`<sl-menu-item disabled>Type at least 3 characters`, true, false, false), _tmpl$7 = /* @__PURE__ */ template$1(`<sl-menu-item>`, true, false, false), _tmpl$8 = /* @__PURE__ */ template$1(`<sl-menu-item disabled>No results found`, true, false, false);
 setBasePath("https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.4.0/dist/");
 const Component$1 = (props) => {
   let ref;
@@ -84444,7 +84826,7 @@ const Component$1 = (props) => {
       size: "lg",
       position: "center",
       get children() {
-        return [_tmpl$$2(), _tmpl$2$1(), (() => {
+        return [_tmpl$$3(), _tmpl$2$1(), (() => {
           var _el$8 = _tmpl$3(), _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$10 = _el$9.nextSibling;
           _el$8._$owner = getOwner();
           addEventListener$1(_el$9, "keydown", (e) => {
@@ -84516,10 +84898,10 @@ customElement("photon-add-medication-history-dialog", {
 }, Component$1);
 delegateEvents$1(["click"]);
 
-var _tmpl$$1 = /* @__PURE__ */ template$1(`<div><style>`);
+var _tmpl$$2 = /* @__PURE__ */ template$1(`<div><style>`);
 const PatientMedHistoryWrapper = (props) => {
   return (() => {
-    var _el$ = _tmpl$$1(), _el$2 = _el$.firstChild;
+    var _el$ = _tmpl$$2(), _el$2 = _el$.firstChild;
     insert$1(_el$2, tailwind);
     insert$1(_el$, createComponent(PatientMedHistory, {
       get patientId() {
@@ -84537,7 +84919,7 @@ customElement("photon-med-history", {
 
 function e(e){this.message=e;}e.prototype=new Error,e.prototype.name="InvalidCharacterError";var r="undefined"!=typeof window&&window.atob&&window.atob.bind(window)||function(r){var t=String(r).replace(/=+$/,"");if(t.length%4==1)throw new e("'atob' failed: The string to be decoded is not correctly encoded.");for(var n,o,a=0,i=0,c="";o=t.charAt(i++);~o&&(n=a%4?64*n+o:o,a++%4)?c+=String.fromCharCode(255&n>>(-2*a&6)):0)o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=".indexOf(o);return c};function t(e){var t=e.replace(/-/g,"+").replace(/_/g,"/");switch(t.length%4){case 0:break;case 2:t+="==";break;case 3:t+="=";break;default:throw "Illegal base64url string!"}try{return function(e){return decodeURIComponent(r(e).replace(/(.)/g,(function(e,r){var t=r.charCodeAt(0).toString(16).toUpperCase();return t.length<2&&(t="0"+t),"%"+t})))}(t)}catch(e){return r(t)}}function n(e){this.message=e;}function o(e,r){if("string"!=typeof e)throw new n("Invalid token specified");var o=true===(r=r||{}).header?0:1;try{return JSON.parse(t(e.split(".")[o]))}catch(e){throw new n("Invalid token specified: "+e.message)}}n.prototype=new Error,n.prototype.name="InvalidTokenError";
 
-var _tmpl$ = /* @__PURE__ */ template$1(`<div><style></style><photon-dialog label="Lose Unsaved Prescription?"confirm-text="Yes, Continue"cancel-text="Keep Editing"width=500px><p class="font-sans text-lg xs:text-base">You have a prescription "<!>" that hasn't been added. Please add it or continue.</p></photon-dialog><photon-dialog label="Save prescriptions without an order?"confirm-text="Save and create order"cancel-text="Yes, save only"width=500px><p class="font-sans text-lg xs:text-base">You're about to save prescriptions without creating a pharmacy order. You can create an order now, or at a later date.`, true, false, false), _tmpl$2 = /* @__PURE__ */ template$1(`<div class="w-full h-full bg-[#F9FAFB]"><photon-prescribe-workflow hide-submit=true>`, true, false, false);
+var _tmpl$$1 = /* @__PURE__ */ template$1(`<div><style></style><photon-dialog label="Lose Unsaved Prescription?"confirm-text="Yes, Continue"cancel-text="Keep Editing"width=500px><p class="font-sans text-lg xs:text-base">You have a prescription "<!>" that hasn't been added. Please add it or continue.</p></photon-dialog><photon-dialog label="Save prescriptions without an order?"confirm-text="Save and create order"cancel-text="Yes, save only"width=500px><p class="font-sans text-lg xs:text-base">You're about to save prescriptions without creating a pharmacy order. You can create an order now, or at a later date.`, true, false, false), _tmpl$2 = /* @__PURE__ */ template$1(`<div class="w-full h-full bg-[#F9FAFB]"><photon-prescribe-workflow hide-submit=true>`, true, false, false);
 const shouldWarn = (form) => {
   return form()["addToTemplates"] && form()["addToTemplates"].value != false || form()["daysSupply"]?.value || form()["dispenseAsWritten"] && form()["dispenseAsWritten"]?.value != false || form()["dispenseQuantity"]?.value || form()["dispenseUnit"]?.value || form()["doNotFillBeforeDate"]?.value || form()["instructions"]?.value || form()["notes"]?.value || form()["refills"]?.value || form()["treatment"]?.value;
 };
@@ -84648,7 +85030,7 @@ const Component = (props) => {
   };
   const hideOrderButton = createMemo(() => !attestationAgreed() || draftPrescriptionCount() < 1);
   return (() => {
-    var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$7 = _el$5.nextSibling; _el$7.nextSibling; var _el$8 = _el$3.nextSibling;
+    var _el$ = _tmpl$$1(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$7 = _el$5.nextSibling; _el$7.nextSibling; var _el$8 = _el$3.nextSibling;
     var _ref$ = ref;
     typeof _ref$ === "function" ? use$1(_ref$, _el$) : ref = _el$;
     insert$1(_el$2, tailwind);
@@ -84841,4 +85223,138 @@ customElement("photon-multirx-form-wrapper", {
   optionalPatientAddress: false,
   hideHeaderOnIosWebview: false
 }, Component);
+
+var _tmpl$ = /* @__PURE__ */ template$1(`<div><style>`);
+const PharmacySelectWithEvents = (props) => {
+  const ctx = usePharmacySelectionContext();
+  let isFirst = true;
+  createEffect(() => {
+    const pharmacyId = ctx.pharmacyId();
+    const fulfillmentType = ctx.fulfillmentType();
+    const updatePreferredPharmacy = ctx.updatePreferredPharmacy();
+    if (isFirst) {
+      isFirst = false;
+      return;
+    }
+    props.onChange({
+      pharmacyId,
+      fulfillmentType,
+      updatePreferredPharmacy
+    });
+  });
+  return createComponent(PharmacySelect, {
+    get patientIds() {
+      return props.patientId ? [props.patientId] : void 0;
+    },
+    get address() {
+      return props.address;
+    },
+    get inferSendToPatientPharmacy() {
+      return props.inferSendToPatientPharmacy;
+    },
+    get stickyTabHeader() {
+      return props.stickyTabHeader;
+    },
+    get enableSavingPreferredPharmacy() {
+      return props.enableSavingPreferredPharmacy;
+    }
+  });
+};
+const PhotonPharmacySelectComponent = (props) => {
+  let ref;
+  const dispatchPharmacySelected = (detail) => {
+    const event = new CustomEvent("photon-pharmacy-selected", {
+      composed: true,
+      bubbles: true,
+      detail
+    });
+    ref?.dispatchEvent(event);
+  };
+  return (() => {
+    var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+    var _ref$ = ref;
+    typeof _ref$ === "function" ? use$1(_ref$, _el$) : ref = _el$;
+    insert$1(_el$2, tailwind);
+    insert$1(_el$, createComponent(PrescribeEventDispatchProvider, {
+      get children() {
+        return createComponent(RecentOrders, {
+          get patientId() {
+            return props.patientId ?? "";
+          },
+          get children() {
+            return createComponent(DraftPrescriptionsProvider, {
+              get patientId() {
+                return props.patientId || "";
+              },
+              templateIdsPrefill: [],
+              templateOverrides: {},
+              prescriptionIdsPrefill: [],
+              enableCombineAndDuplicate: false,
+              get children() {
+                return createComponent(PharmacySelectionProvider, {
+                  get pharmacyIdProp() {
+                    return props.pharmacyId;
+                  },
+                  get enableLocalPickup() {
+                    return props.enableLocalPickup;
+                  },
+                  get enableSendToPatient() {
+                    return props.enableSendToPatient;
+                  },
+                  get enableDeliveryPharmacies() {
+                    return props.enableDeliveryPharmacies;
+                  },
+                  get mailOrderIds() {
+                    return props.mailOrderIds;
+                  },
+                  get children() {
+                    return createComponent(PrescribeProvider, {
+                      get patientId() {
+                        return props.patientId || "";
+                      },
+                      enableCoverageCheck: false,
+                      get children() {
+                        return createComponent(PharmacySelectWithEvents, {
+                          get patientId() {
+                            return props.patientId;
+                          },
+                          get address() {
+                            return props.address;
+                          },
+                          onChange: dispatchPharmacySelected,
+                          get inferSendToPatientPharmacy() {
+                            return props.inferSendToPatientPharmacy;
+                          },
+                          get stickyTabHeader() {
+                            return props.stickyTabHeader;
+                          },
+                          get enableSavingPreferredPharmacy() {
+                            return props.enableSavingPreferredPharmacy;
+                          }
+                        });
+                      }
+                    });
+                  }
+                });
+              }
+            });
+          }
+        });
+      }
+    }), null);
+    return _el$;
+  })();
+};
+customElement("photon-pharmacy-select", {
+  patientId: void 0,
+  address: void 0,
+  pharmacyId: void 0,
+  mailOrderIds: void 0,
+  enableLocalPickup: false,
+  enableSendToPatient: false,
+  enableDeliveryPharmacies: false,
+  enableSavingPreferredPharmacy: false,
+  inferSendToPatientPharmacy: true,
+  stickyTabHeader: false
+}, PhotonPharmacySelectComponent);
 //# sourceMappingURL=index.js.map