github.com/e154/smart-home@v0.17.2-0.20240311175135-e530a6e5cd45/api/typedoc/assets/style.css (about)

     1  :root {
     2      /* Light */
     3      --light-color-background: #f2f4f8;
     4      --light-color-background-secondary: #eff0f1;
     5      --light-color-warning-text: #222;
     6      --light-color-background-warning: #e6e600;
     7      --light-color-icon-background: var(--light-color-background);
     8      --light-color-accent: #c5c7c9;
     9      --light-color-active-menu-item: var(--light-color-accent);
    10      --light-color-text: #222;
    11      --light-color-text-aside: #6e6e6e;
    12      --light-color-link: #1f70c2;
    13  
    14      --light-color-ts-keyword: #056bd6;
    15      --light-color-ts-project: #b111c9;
    16      --light-color-ts-module: var(--light-color-ts-project);
    17      --light-color-ts-namespace: var(--light-color-ts-project);
    18      --light-color-ts-enum: #7e6f15;
    19      --light-color-ts-enum-member: var(--light-color-ts-enum);
    20      --light-color-ts-variable: #4760ec;
    21      --light-color-ts-function: #572be7;
    22      --light-color-ts-class: #1f70c2;
    23      --light-color-ts-interface: #108024;
    24      --light-color-ts-constructor: var(--light-color-ts-class);
    25      --light-color-ts-property: var(--light-color-ts-variable);
    26      --light-color-ts-method: var(--light-color-ts-function);
    27      --light-color-ts-call-signature: var(--light-color-ts-method);
    28      --light-color-ts-index-signature: var(--light-color-ts-property);
    29      --light-color-ts-constructor-signature: var(--light-color-ts-constructor);
    30      --light-color-ts-parameter: var(--light-color-ts-variable);
    31      /* type literal not included as links will never be generated to it */
    32      --light-color-ts-type-parameter: #a55c0e;
    33      --light-color-ts-accessor: var(--light-color-ts-property);
    34      --light-color-ts-get-signature: var(--light-color-ts-accessor);
    35      --light-color-ts-set-signature: var(--light-color-ts-accessor);
    36      --light-color-ts-type-alias: #d51270;
    37      /* reference not included as links will be colored with the kind that it points to */
    38  
    39      --light-external-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23000' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>");
    40      --light-color-scheme: light;
    41  
    42      /* Dark */
    43      --dark-color-background: #2b2e33;
    44      --dark-color-background-secondary: #1e2024;
    45      --dark-color-background-warning: #bebe00;
    46      --dark-color-warning-text: #222;
    47      --dark-color-icon-background: var(--dark-color-background-secondary);
    48      --dark-color-accent: #9096a2;
    49      --dark-color-active-menu-item: #5d5d6a;
    50      --dark-color-text: #f5f5f5;
    51      --dark-color-text-aside: #dddddd;
    52      --dark-color-link: #00aff4;
    53  
    54      --dark-color-ts-keyword: #3399ff;
    55      --dark-color-ts-project: #e358ff;
    56      --dark-color-ts-module: var(--dark-color-ts-project);
    57      --dark-color-ts-namespace: var(--dark-color-ts-project);
    58      --dark-color-ts-enum: #f4d93e;
    59      --dark-color-ts-enum-member: var(--dark-color-ts-enum);
    60      --dark-color-ts-variable: #798dff;
    61      --dark-color-ts-function: #a280ff;
    62      --dark-color-ts-class: #8ac4ff;
    63      --dark-color-ts-interface: #6cff87;
    64      --dark-color-ts-constructor: var(--dark-color-ts-class);
    65      --dark-color-ts-property: var(--dark-color-ts-variable);
    66      --dark-color-ts-method: var(--dark-color-ts-function);
    67      --dark-color-ts-call-signature: var(--dark-color-ts-method);
    68      --dark-color-ts-index-signature: var(--dark-color-ts-property);
    69      --dark-color-ts-constructor-signature: var(--dark-color-ts-constructor);
    70      --dark-color-ts-parameter: var(--dark-color-ts-variable);
    71      /* type literal not included as links will never be generated to it */
    72      --dark-color-ts-type-parameter: #e07d13;
    73      --dark-color-ts-accessor: var(--dark-color-ts-property);
    74      --dark-color-ts-get-signature: var(--dark-color-ts-accessor);
    75      --dark-color-ts-set-signature: var(--dark-color-ts-accessor);
    76      --dark-color-ts-type-alias: #ff6492;
    77      /* reference not included as links will be colored with the kind that it points to */
    78  
    79      --dark-external-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23fff' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>");
    80      --dark-color-scheme: dark;
    81  }
    82  
    83  @media (prefers-color-scheme: light) {
    84      :root {
    85          --color-background: var(--light-color-background);
    86          --color-background-secondary: var(--light-color-background-secondary);
    87          --color-background-warning: var(--light-color-background-warning);
    88          --color-warning-text: var(--light-color-warning-text);
    89          --color-icon-background: var(--light-color-icon-background);
    90          --color-accent: var(--light-color-accent);
    91          --color-active-menu-item: var(--light-color-active-menu-item);
    92          --color-text: var(--light-color-text);
    93          --color-text-aside: var(--light-color-text-aside);
    94          --color-link: var(--light-color-link);
    95  
    96          --color-ts-keyword: var(--light-color-ts-keyword);
    97          --color-ts-module: var(--light-color-ts-module);
    98          --color-ts-namespace: var(--light-color-ts-namespace);
    99          --color-ts-enum: var(--light-color-ts-enum);
   100          --color-ts-enum-member: var(--light-color-ts-enum-member);
   101          --color-ts-variable: var(--light-color-ts-variable);
   102          --color-ts-function: var(--light-color-ts-function);
   103          --color-ts-class: var(--light-color-ts-class);
   104          --color-ts-interface: var(--light-color-ts-interface);
   105          --color-ts-constructor: var(--light-color-ts-constructor);
   106          --color-ts-property: var(--light-color-ts-property);
   107          --color-ts-method: var(--light-color-ts-method);
   108          --color-ts-call-signature: var(--light-color-ts-call-signature);
   109          --color-ts-index-signature: var(--light-color-ts-index-signature);
   110          --color-ts-constructor-signature: var(
   111              --light-color-ts-constructor-signature
   112          );
   113          --color-ts-parameter: var(--light-color-ts-parameter);
   114          --color-ts-type-parameter: var(--light-color-ts-type-parameter);
   115          --color-ts-accessor: var(--light-color-ts-accessor);
   116          --color-ts-get-signature: var(--light-color-ts-get-signature);
   117          --color-ts-set-signature: var(--light-color-ts-set-signature);
   118          --color-ts-type-alias: var(--light-color-ts-type-alias);
   119  
   120          --external-icon: var(--light-external-icon);
   121          --color-scheme: var(--light-color-scheme);
   122      }
   123  }
   124  
   125  @media (prefers-color-scheme: dark) {
   126      :root {
   127          --color-background: var(--dark-color-background);
   128          --color-background-secondary: var(--dark-color-background-secondary);
   129          --color-background-warning: var(--dark-color-background-warning);
   130          --color-warning-text: var(--dark-color-warning-text);
   131          --color-icon-background: var(--dark-color-icon-background);
   132          --color-accent: var(--dark-color-accent);
   133          --color-active-menu-item: var(--dark-color-active-menu-item);
   134          --color-text: var(--dark-color-text);
   135          --color-text-aside: var(--dark-color-text-aside);
   136          --color-link: var(--dark-color-link);
   137  
   138          --color-ts-keyword: var(--dark-color-ts-keyword);
   139          --color-ts-module: var(--dark-color-ts-module);
   140          --color-ts-namespace: var(--dark-color-ts-namespace);
   141          --color-ts-enum: var(--dark-color-ts-enum);
   142          --color-ts-enum-member: var(--dark-color-ts-enum-member);
   143          --color-ts-variable: var(--dark-color-ts-variable);
   144          --color-ts-function: var(--dark-color-ts-function);
   145          --color-ts-class: var(--dark-color-ts-class);
   146          --color-ts-interface: var(--dark-color-ts-interface);
   147          --color-ts-constructor: var(--dark-color-ts-constructor);
   148          --color-ts-property: var(--dark-color-ts-property);
   149          --color-ts-method: var(--dark-color-ts-method);
   150          --color-ts-call-signature: var(--dark-color-ts-call-signature);
   151          --color-ts-index-signature: var(--dark-color-ts-index-signature);
   152          --color-ts-constructor-signature: var(
   153              --dark-color-ts-constructor-signature
   154          );
   155          --color-ts-parameter: var(--dark-color-ts-parameter);
   156          --color-ts-type-parameter: var(--dark-color-ts-type-parameter);
   157          --color-ts-accessor: var(--dark-color-ts-accessor);
   158          --color-ts-get-signature: var(--dark-color-ts-get-signature);
   159          --color-ts-set-signature: var(--dark-color-ts-set-signature);
   160          --color-ts-type-alias: var(--dark-color-ts-type-alias);
   161  
   162          --external-icon: var(--dark-external-icon);
   163          --color-scheme: var(--dark-color-scheme);
   164      }
   165  }
   166  
   167  html {
   168      color-scheme: var(--color-scheme);
   169  }
   170  
   171  body {
   172      margin: 0;
   173  }
   174  
   175  :root[data-theme="light"] {
   176      --color-background: var(--light-color-background);
   177      --color-background-secondary: var(--light-color-background-secondary);
   178      --color-background-warning: var(--light-color-background-warning);
   179      --color-warning-text: var(--light-color-warning-text);
   180      --color-icon-background: var(--light-color-icon-background);
   181      --color-accent: var(--light-color-accent);
   182      --color-active-menu-item: var(--light-color-active-menu-item);
   183      --color-text: var(--light-color-text);
   184      --color-text-aside: var(--light-color-text-aside);
   185      --color-link: var(--light-color-link);
   186  
   187      --color-ts-keyword: var(--light-color-ts-keyword);
   188      --color-ts-module: var(--light-color-ts-module);
   189      --color-ts-namespace: var(--light-color-ts-namespace);
   190      --color-ts-enum: var(--light-color-ts-enum);
   191      --color-ts-enum-member: var(--light-color-ts-enum-member);
   192      --color-ts-variable: var(--light-color-ts-variable);
   193      --color-ts-function: var(--light-color-ts-function);
   194      --color-ts-class: var(--light-color-ts-class);
   195      --color-ts-interface: var(--light-color-ts-interface);
   196      --color-ts-constructor: var(--light-color-ts-constructor);
   197      --color-ts-property: var(--light-color-ts-property);
   198      --color-ts-method: var(--light-color-ts-method);
   199      --color-ts-call-signature: var(--light-color-ts-call-signature);
   200      --color-ts-index-signature: var(--light-color-ts-index-signature);
   201      --color-ts-constructor-signature: var(
   202          --light-color-ts-constructor-signature
   203      );
   204      --color-ts-parameter: var(--light-color-ts-parameter);
   205      --color-ts-type-parameter: var(--light-color-ts-type-parameter);
   206      --color-ts-accessor: var(--light-color-ts-accessor);
   207      --color-ts-get-signature: var(--light-color-ts-get-signature);
   208      --color-ts-set-signature: var(--light-color-ts-set-signature);
   209      --color-ts-type-alias: var(--light-color-ts-type-alias);
   210  
   211      --external-icon: var(--light-external-icon);
   212      --color-scheme: var(--light-color-scheme);
   213  }
   214  
   215  :root[data-theme="dark"] {
   216      --color-background: var(--dark-color-background);
   217      --color-background-secondary: var(--dark-color-background-secondary);
   218      --color-background-warning: var(--dark-color-background-warning);
   219      --color-warning-text: var(--dark-color-warning-text);
   220      --color-icon-background: var(--dark-color-icon-background);
   221      --color-accent: var(--dark-color-accent);
   222      --color-active-menu-item: var(--dark-color-active-menu-item);
   223      --color-text: var(--dark-color-text);
   224      --color-text-aside: var(--dark-color-text-aside);
   225      --color-link: var(--dark-color-link);
   226  
   227      --color-ts-keyword: var(--dark-color-ts-keyword);
   228      --color-ts-module: var(--dark-color-ts-module);
   229      --color-ts-namespace: var(--dark-color-ts-namespace);
   230      --color-ts-enum: var(--dark-color-ts-enum);
   231      --color-ts-enum-member: var(--dark-color-ts-enum-member);
   232      --color-ts-variable: var(--dark-color-ts-variable);
   233      --color-ts-function: var(--dark-color-ts-function);
   234      --color-ts-class: var(--dark-color-ts-class);
   235      --color-ts-interface: var(--dark-color-ts-interface);
   236      --color-ts-constructor: var(--dark-color-ts-constructor);
   237      --color-ts-property: var(--dark-color-ts-property);
   238      --color-ts-method: var(--dark-color-ts-method);
   239      --color-ts-call-signature: var(--dark-color-ts-call-signature);
   240      --color-ts-index-signature: var(--dark-color-ts-index-signature);
   241      --color-ts-constructor-signature: var(
   242          --dark-color-ts-constructor-signature
   243      );
   244      --color-ts-parameter: var(--dark-color-ts-parameter);
   245      --color-ts-type-parameter: var(--dark-color-ts-type-parameter);
   246      --color-ts-accessor: var(--dark-color-ts-accessor);
   247      --color-ts-get-signature: var(--dark-color-ts-get-signature);
   248      --color-ts-set-signature: var(--dark-color-ts-set-signature);
   249      --color-ts-type-alias: var(--dark-color-ts-type-alias);
   250  
   251      --external-icon: var(--dark-external-icon);
   252      --color-scheme: var(--dark-color-scheme);
   253  }
   254  
   255  .always-visible,
   256  .always-visible .tsd-signatures {
   257      display: inherit !important;
   258  }
   259  
   260  h1,
   261  h2,
   262  h3,
   263  h4,
   264  h5,
   265  h6 {
   266      line-height: 1.2;
   267  }
   268  
   269  h1 > a:not(.link),
   270  h2 > a:not(.link),
   271  h3 > a:not(.link),
   272  h4 > a:not(.link),
   273  h5 > a:not(.link),
   274  h6 > a:not(.link) {
   275      text-decoration: none;
   276      color: var(--color-text);
   277  }
   278  
   279  h1 {
   280      font-size: 1.875rem;
   281      margin: 0.67rem 0;
   282  }
   283  
   284  h2 {
   285      font-size: 1.5rem;
   286      margin: 0.83rem 0;
   287  }
   288  
   289  h3 {
   290      font-size: 1.25rem;
   291      margin: 1rem 0;
   292  }
   293  
   294  h4 {
   295      font-size: 1.05rem;
   296      margin: 1.33rem 0;
   297  }
   298  
   299  h5 {
   300      font-size: 1rem;
   301      margin: 1.5rem 0;
   302  }
   303  
   304  h6 {
   305      font-size: 0.875rem;
   306      margin: 2.33rem 0;
   307  }
   308  
   309  .uppercase {
   310      text-transform: uppercase;
   311  }
   312  
   313  dl,
   314  menu,
   315  ol,
   316  ul {
   317      margin: 1em 0;
   318  }
   319  
   320  dd {
   321      margin: 0 0 0 40px;
   322  }
   323  
   324  .container {
   325      max-width: 1700px;
   326      padding: 0 2rem;
   327  }
   328  
   329  /* Footer */
   330  .tsd-generator {
   331      border-top: 1px solid var(--color-accent);
   332      padding-top: 1rem;
   333      padding-bottom: 1rem;
   334      max-height: 3.5rem;
   335  }
   336  
   337  .tsd-generator > p {
   338      margin-top: 0;
   339      margin-bottom: 0;
   340      padding: 0 1rem;
   341  }
   342  
   343  .container-main {
   344      margin: 0 auto;
   345      /* toolbar, footer, margin */
   346      min-height: calc(100vh - 41px - 56px - 4rem);
   347  }
   348  
   349  @keyframes fade-in {
   350      from {
   351          opacity: 0;
   352      }
   353      to {
   354          opacity: 1;
   355      }
   356  }
   357  @keyframes fade-out {
   358      from {
   359          opacity: 1;
   360          visibility: visible;
   361      }
   362      to {
   363          opacity: 0;
   364      }
   365  }
   366  @keyframes fade-in-delayed {
   367      0% {
   368          opacity: 0;
   369      }
   370      33% {
   371          opacity: 0;
   372      }
   373      100% {
   374          opacity: 1;
   375      }
   376  }
   377  @keyframes fade-out-delayed {
   378      0% {
   379          opacity: 1;
   380          visibility: visible;
   381      }
   382      66% {
   383          opacity: 0;
   384      }
   385      100% {
   386          opacity: 0;
   387      }
   388  }
   389  @keyframes pop-in-from-right {
   390      from {
   391          transform: translate(100%, 0);
   392      }
   393      to {
   394          transform: translate(0, 0);
   395      }
   396  }
   397  @keyframes pop-out-to-right {
   398      from {
   399          transform: translate(0, 0);
   400          visibility: visible;
   401      }
   402      to {
   403          transform: translate(100%, 0);
   404      }
   405  }
   406  body {
   407      background: var(--color-background);
   408      font-family: "Segoe UI", sans-serif;
   409      font-size: 16px;
   410      color: var(--color-text);
   411  }
   412  
   413  a {
   414      color: var(--color-link);
   415      text-decoration: none;
   416  }
   417  a:hover {
   418      text-decoration: underline;
   419  }
   420  a.external[target="_blank"] {
   421      background-image: var(--external-icon);
   422      background-position: top 3px right;
   423      background-repeat: no-repeat;
   424      padding-right: 13px;
   425  }
   426  
   427  code,
   428  pre {
   429      font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
   430      padding: 0.2em;
   431      margin: 0;
   432      font-size: 0.875rem;
   433      border-radius: 0.8em;
   434  }
   435  
   436  pre {
   437      position: relative;
   438      white-space: pre;
   439      white-space: pre-wrap;
   440      word-wrap: break-word;
   441      padding: 10px;
   442      border: 1px solid var(--color-accent);
   443  }
   444  pre code {
   445      padding: 0;
   446      font-size: 100%;
   447  }
   448  pre > button {
   449      position: absolute;
   450      top: 10px;
   451      right: 10px;
   452      opacity: 0;
   453      transition: opacity 0.1s;
   454      box-sizing: border-box;
   455  }
   456  pre:hover > button,
   457  pre > button.visible {
   458      opacity: 1;
   459  }
   460  
   461  blockquote {
   462      margin: 1em 0;
   463      padding-left: 1em;
   464      border-left: 4px solid gray;
   465  }
   466  
   467  .tsd-typography {
   468      line-height: 1.333em;
   469  }
   470  .tsd-typography ul {
   471      list-style: square;
   472      padding: 0 0 0 20px;
   473      margin: 0;
   474  }
   475  .tsd-typography .tsd-index-panel h3,
   476  .tsd-index-panel .tsd-typography h3,
   477  .tsd-typography h4,
   478  .tsd-typography h5,
   479  .tsd-typography h6 {
   480      font-size: 1em;
   481  }
   482  .tsd-typography h5,
   483  .tsd-typography h6 {
   484      font-weight: normal;
   485  }
   486  .tsd-typography p,
   487  .tsd-typography ul,
   488  .tsd-typography ol {
   489      margin: 1em 0;
   490  }
   491  .tsd-typography table {
   492      border-collapse: collapse;
   493      border: none;
   494  }
   495  .tsd-typography td,
   496  .tsd-typography th {
   497      padding: 6px 13px;
   498      border: 1px solid var(--color-accent);
   499  }
   500  .tsd-typography thead,
   501  .tsd-typography tr:nth-child(even) {
   502      background-color: var(--color-background-secondary);
   503  }
   504  
   505  .tsd-breadcrumb {
   506      margin: 0;
   507      padding: 0;
   508      color: var(--color-text-aside);
   509  }
   510  .tsd-breadcrumb a {
   511      color: var(--color-text-aside);
   512      text-decoration: none;
   513  }
   514  .tsd-breadcrumb a:hover {
   515      text-decoration: underline;
   516  }
   517  .tsd-breadcrumb li {
   518      display: inline;
   519  }
   520  .tsd-breadcrumb li:after {
   521      content: " / ";
   522  }
   523  
   524  .tsd-comment-tags {
   525      display: flex;
   526      flex-direction: column;
   527  }
   528  dl.tsd-comment-tag-group {
   529      display: flex;
   530      align-items: center;
   531      overflow: hidden;
   532      margin: 0.5em 0;
   533  }
   534  dl.tsd-comment-tag-group dt {
   535      display: flex;
   536      margin-right: 0.5em;
   537      font-size: 0.875em;
   538      font-weight: normal;
   539  }
   540  dl.tsd-comment-tag-group dd {
   541      margin: 0;
   542  }
   543  code.tsd-tag {
   544      padding: 0.25em 0.4em;
   545      border: 0.1em solid var(--color-accent);
   546      margin-right: 0.25em;
   547      font-size: 70%;
   548  }
   549  h1 code.tsd-tag:first-of-type {
   550      margin-left: 0.25em;
   551  }
   552  
   553  dl.tsd-comment-tag-group dd:before,
   554  dl.tsd-comment-tag-group dd:after {
   555      content: " ";
   556  }
   557  dl.tsd-comment-tag-group dd pre,
   558  dl.tsd-comment-tag-group dd:after {
   559      clear: both;
   560  }
   561  dl.tsd-comment-tag-group p {
   562      margin: 0;
   563  }
   564  
   565  .tsd-panel.tsd-comment .lead {
   566      font-size: 1.1em;
   567      line-height: 1.333em;
   568      margin-bottom: 2em;
   569  }
   570  .tsd-panel.tsd-comment .lead:last-child {
   571      margin-bottom: 0;
   572  }
   573  
   574  .tsd-filter-visibility h4 {
   575      font-size: 1rem;
   576      padding-top: 0.75rem;
   577      padding-bottom: 0.5rem;
   578      margin: 0;
   579  }
   580  .tsd-filter-item:not(:last-child) {
   581      margin-bottom: 0.5rem;
   582  }
   583  .tsd-filter-input {
   584      display: flex;
   585      width: fit-content;
   586      width: -moz-fit-content;
   587      align-items: center;
   588      user-select: none;
   589      -webkit-user-select: none;
   590      -moz-user-select: none;
   591      -ms-user-select: none;
   592      cursor: pointer;
   593  }
   594  .tsd-filter-input input[type="checkbox"] {
   595      cursor: pointer;
   596      position: absolute;
   597      width: 1.5em;
   598      height: 1.5em;
   599      opacity: 0;
   600  }
   601  .tsd-filter-input input[type="checkbox"]:disabled {
   602      pointer-events: none;
   603  }
   604  .tsd-filter-input svg {
   605      cursor: pointer;
   606      width: 1.5em;
   607      height: 1.5em;
   608      margin-right: 0.5em;
   609      border-radius: 0.33em;
   610      /* Leaving this at full opacity breaks event listeners on Firefox.
   611      Don't remove unless you know what you're doing. */
   612      opacity: 0.99;
   613  }
   614  .tsd-filter-input input[type="checkbox"]:focus + svg {
   615      transform: scale(0.95);
   616  }
   617  .tsd-filter-input input[type="checkbox"]:focus:not(:focus-visible) + svg {
   618      transform: scale(1);
   619  }
   620  .tsd-checkbox-background {
   621      fill: var(--color-accent);
   622  }
   623  input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
   624      stroke: var(--color-text);
   625  }
   626  .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-background {
   627      fill: var(--color-background);
   628      stroke: var(--color-accent);
   629      stroke-width: 0.25rem;
   630  }
   631  .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-checkmark {
   632      stroke: var(--color-accent);
   633  }
   634  
   635  .tsd-theme-toggle {
   636      padding-top: 0.75rem;
   637  }
   638  .tsd-theme-toggle > h4 {
   639      display: inline;
   640      vertical-align: middle;
   641      margin-right: 0.75rem;
   642  }
   643  
   644  .tsd-hierarchy {
   645      list-style: square;
   646      margin: 0;
   647  }
   648  .tsd-hierarchy .target {
   649      font-weight: bold;
   650  }
   651  
   652  .tsd-full-hierarchy:not(:last-child) {
   653      margin-bottom: 1em;
   654      padding-bottom: 1em;
   655      border-bottom: 1px solid var(--color-accent);
   656  }
   657  .tsd-full-hierarchy,
   658  .tsd-full-hierarchy ul {
   659      list-style: none;
   660      margin: 0;
   661      padding: 0;
   662  }
   663  .tsd-full-hierarchy ul {
   664      padding-left: 1.5rem;
   665  }
   666  .tsd-full-hierarchy a {
   667      padding: 0.25rem 0 !important;
   668      font-size: 1rem;
   669      display: inline-flex;
   670      align-items: center;
   671      color: var(--color-text);
   672  }
   673  
   674  .tsd-panel-group.tsd-index-group {
   675      margin-bottom: 0;
   676  }
   677  .tsd-index-panel .tsd-index-list {
   678      list-style: none;
   679      line-height: 1.333em;
   680      margin: 0;
   681      padding: 0.25rem 0 0 0;
   682      overflow: hidden;
   683      display: grid;
   684      grid-template-columns: repeat(3, 1fr);
   685      column-gap: 1rem;
   686      grid-template-rows: auto;
   687  }
   688  @media (max-width: 1024px) {
   689      .tsd-index-panel .tsd-index-list {
   690          grid-template-columns: repeat(2, 1fr);
   691      }
   692  }
   693  @media (max-width: 768px) {
   694      .tsd-index-panel .tsd-index-list {
   695          grid-template-columns: repeat(1, 1fr);
   696      }
   697  }
   698  .tsd-index-panel .tsd-index-list li {
   699      -webkit-page-break-inside: avoid;
   700      -moz-page-break-inside: avoid;
   701      -ms-page-break-inside: avoid;
   702      -o-page-break-inside: avoid;
   703      page-break-inside: avoid;
   704  }
   705  
   706  .tsd-flag {
   707      display: inline-block;
   708      padding: 0.25em 0.4em;
   709      border-radius: 4px;
   710      color: var(--color-comment-tag-text);
   711      background-color: var(--color-comment-tag);
   712      text-indent: 0;
   713      font-size: 75%;
   714      line-height: 1;
   715      font-weight: normal;
   716  }
   717  
   718  .tsd-anchor {
   719      position: relative;
   720      top: -100px;
   721  }
   722  
   723  .tsd-member {
   724      position: relative;
   725  }
   726  .tsd-member .tsd-anchor + h3 {
   727      display: flex;
   728      align-items: center;
   729      margin-top: 0;
   730      margin-bottom: 0;
   731      border-bottom: none;
   732  }
   733  
   734  .tsd-navigation.settings {
   735      margin: 1rem 0;
   736  }
   737  .tsd-navigation > a,
   738  .tsd-navigation .tsd-accordion-summary {
   739      width: calc(100% - 0.25rem);
   740      display: flex;
   741      align-items: center;
   742  }
   743  .tsd-navigation a,
   744  .tsd-navigation summary > span,
   745  .tsd-page-navigation a {
   746      display: flex;
   747      width: calc(100% - 0.25rem);
   748      align-items: center;
   749      padding: 0.25rem;
   750      color: var(--color-text);
   751      text-decoration: none;
   752      box-sizing: border-box;
   753  }
   754  .tsd-navigation a.current,
   755  .tsd-page-navigation a.current {
   756      background: var(--color-active-menu-item);
   757  }
   758  .tsd-navigation a:hover,
   759  .tsd-page-navigation a:hover {
   760      text-decoration: underline;
   761  }
   762  .tsd-navigation ul,
   763  .tsd-page-navigation ul {
   764      margin-top: 0;
   765      margin-bottom: 0;
   766      padding: 0;
   767      list-style: none;
   768  }
   769  .tsd-navigation li,
   770  .tsd-page-navigation li {
   771      padding: 0;
   772      max-width: 100%;
   773  }
   774  .tsd-nested-navigation {
   775      margin-left: 3rem;
   776  }
   777  .tsd-nested-navigation > li > details {
   778      margin-left: -1.5rem;
   779  }
   780  .tsd-small-nested-navigation {
   781      margin-left: 1.5rem;
   782  }
   783  .tsd-small-nested-navigation > li > details {
   784      margin-left: -1.5rem;
   785  }
   786  
   787  .tsd-page-navigation ul {
   788      padding-left: 1.75rem;
   789  }
   790  
   791  #tsd-sidebar-links a {
   792      margin-top: 0;
   793      margin-bottom: 0.5rem;
   794      line-height: 1.25rem;
   795  }
   796  #tsd-sidebar-links a:last-of-type {
   797      margin-bottom: 0;
   798  }
   799  
   800  a.tsd-index-link {
   801      padding: 0.25rem 0 !important;
   802      font-size: 1rem;
   803      line-height: 1.25rem;
   804      display: inline-flex;
   805      align-items: center;
   806      color: var(--color-text);
   807  }
   808  .tsd-accordion-summary {
   809      list-style-type: none; /* hide marker on non-safari */
   810      outline: none; /* broken on safari, so just hide it */
   811  }
   812  .tsd-accordion-summary::-webkit-details-marker {
   813      display: none; /* hide marker on safari */
   814  }
   815  .tsd-accordion-summary,
   816  .tsd-accordion-summary a {
   817      user-select: none;
   818      -moz-user-select: none;
   819      -webkit-user-select: none;
   820      -ms-user-select: none;
   821  
   822      cursor: pointer;
   823  }
   824  .tsd-accordion-summary a {
   825      width: calc(100% - 1.5rem);
   826  }
   827  .tsd-accordion-summary > * {
   828      margin-top: 0;
   829      margin-bottom: 0;
   830      padding-top: 0;
   831      padding-bottom: 0;
   832  }
   833  .tsd-index-accordion .tsd-accordion-summary > svg {
   834      margin-left: 0.25rem;
   835  }
   836  .tsd-index-content > :not(:first-child) {
   837      margin-top: 0.75rem;
   838  }
   839  .tsd-index-heading {
   840      margin-top: 1.5rem;
   841      margin-bottom: 0.75rem;
   842  }
   843  
   844  .tsd-kind-icon {
   845      margin-right: 0.5rem;
   846      width: 1.25rem;
   847      height: 1.25rem;
   848      min-width: 1.25rem;
   849      min-height: 1.25rem;
   850  }
   851  .tsd-kind-icon path {
   852      transform-origin: center;
   853      transform: scale(1.1);
   854  }
   855  .tsd-signature > .tsd-kind-icon {
   856      margin-right: 0.8rem;
   857  }
   858  
   859  .tsd-panel {
   860      margin-bottom: 2.5rem;
   861  }
   862  .tsd-panel.tsd-member {
   863      margin-bottom: 4rem;
   864  }
   865  .tsd-panel:empty {
   866      display: none;
   867  }
   868  .tsd-panel > h1,
   869  .tsd-panel > h2,
   870  .tsd-panel > h3 {
   871      margin: 1.5rem -1.5rem 0.75rem -1.5rem;
   872      padding: 0 1.5rem 0.75rem 1.5rem;
   873  }
   874  .tsd-panel > h1.tsd-before-signature,
   875  .tsd-panel > h2.tsd-before-signature,
   876  .tsd-panel > h3.tsd-before-signature {
   877      margin-bottom: 0;
   878      border-bottom: none;
   879  }
   880  
   881  .tsd-panel-group {
   882      margin: 4rem 0;
   883  }
   884  .tsd-panel-group.tsd-index-group {
   885      margin: 2rem 0;
   886  }
   887  .tsd-panel-group.tsd-index-group details {
   888      margin: 2rem 0;
   889  }
   890  
   891  #tsd-search {
   892      transition: background-color 0.2s;
   893  }
   894  #tsd-search .title {
   895      position: relative;
   896      z-index: 2;
   897  }
   898  #tsd-search .field {
   899      position: absolute;
   900      left: 0;
   901      top: 0;
   902      right: 2.5rem;
   903      height: 100%;
   904  }
   905  #tsd-search .field input {
   906      box-sizing: border-box;
   907      position: relative;
   908      top: -50px;
   909      z-index: 1;
   910      width: 100%;
   911      padding: 0 10px;
   912      opacity: 0;
   913      outline: 0;
   914      border: 0;
   915      background: transparent;
   916      color: var(--color-text);
   917  }
   918  #tsd-search .field label {
   919      position: absolute;
   920      overflow: hidden;
   921      right: -40px;
   922  }
   923  #tsd-search .field input,
   924  #tsd-search .title,
   925  #tsd-toolbar-links a {
   926      transition: opacity 0.2s;
   927  }
   928  #tsd-search .results {
   929      position: absolute;
   930      visibility: hidden;
   931      top: 40px;
   932      width: 100%;
   933      margin: 0;
   934      padding: 0;
   935      list-style: none;
   936      box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
   937  }
   938  #tsd-search .results li {
   939      background-color: var(--color-background);
   940      line-height: initial;
   941      padding: 4px;
   942  }
   943  #tsd-search .results li:nth-child(even) {
   944      background-color: var(--color-background-secondary);
   945  }
   946  #tsd-search .results li.state {
   947      display: none;
   948  }
   949  #tsd-search .results li.current:not(.no-results),
   950  #tsd-search .results li:hover:not(.no-results) {
   951      background-color: var(--color-accent);
   952  }
   953  #tsd-search .results a {
   954      display: flex;
   955      align-items: center;
   956      padding: 0.25rem;
   957      box-sizing: border-box;
   958  }
   959  #tsd-search .results a:before {
   960      top: 10px;
   961  }
   962  #tsd-search .results span.parent {
   963      color: var(--color-text-aside);
   964      font-weight: normal;
   965  }
   966  #tsd-search.has-focus {
   967      background-color: var(--color-accent);
   968  }
   969  #tsd-search.has-focus .field input {
   970      top: 0;
   971      opacity: 1;
   972  }
   973  #tsd-search.has-focus .title,
   974  #tsd-search.has-focus #tsd-toolbar-links a {
   975      z-index: 0;
   976      opacity: 0;
   977  }
   978  #tsd-search.has-focus .results {
   979      visibility: visible;
   980  }
   981  #tsd-search.loading .results li.state.loading {
   982      display: block;
   983  }
   984  #tsd-search.failure .results li.state.failure {
   985      display: block;
   986  }
   987  
   988  #tsd-toolbar-links {
   989      position: absolute;
   990      top: 0;
   991      right: 2rem;
   992      height: 100%;
   993      display: flex;
   994      align-items: center;
   995      justify-content: flex-end;
   996  }
   997  #tsd-toolbar-links a {
   998      margin-left: 1.5rem;
   999  }
  1000  #tsd-toolbar-links a:hover {
  1001      text-decoration: underline;
  1002  }
  1003  
  1004  .tsd-signature {
  1005      margin: 0 0 1rem 0;
  1006      padding: 1rem 0.5rem;
  1007      border: 1px solid var(--color-accent);
  1008      font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  1009      font-size: 14px;
  1010      overflow-x: auto;
  1011  }
  1012  
  1013  .tsd-signature-keyword {
  1014      color: var(--color-ts-keyword);
  1015      font-weight: normal;
  1016  }
  1017  
  1018  .tsd-signature-symbol {
  1019      color: var(--color-text-aside);
  1020      font-weight: normal;
  1021  }
  1022  
  1023  .tsd-signature-type {
  1024      font-style: italic;
  1025      font-weight: normal;
  1026  }
  1027  
  1028  .tsd-signatures {
  1029      padding: 0;
  1030      margin: 0 0 1em 0;
  1031      list-style-type: none;
  1032  }
  1033  .tsd-signatures .tsd-signature {
  1034      margin: 0;
  1035      border-color: var(--color-accent);
  1036      border-width: 1px 0;
  1037      transition: background-color 0.1s;
  1038  }
  1039  .tsd-description .tsd-signatures .tsd-signature {
  1040      border-width: 1px;
  1041  }
  1042  
  1043  ul.tsd-parameter-list,
  1044  ul.tsd-type-parameter-list {
  1045      list-style: square;
  1046      margin: 0;
  1047      padding-left: 20px;
  1048  }
  1049  ul.tsd-parameter-list > li.tsd-parameter-signature,
  1050  ul.tsd-type-parameter-list > li.tsd-parameter-signature {
  1051      list-style: none;
  1052      margin-left: -20px;
  1053  }
  1054  ul.tsd-parameter-list h5,
  1055  ul.tsd-type-parameter-list h5 {
  1056      font-size: 16px;
  1057      margin: 1em 0 0.5em 0;
  1058  }
  1059  .tsd-sources {
  1060      margin-top: 1rem;
  1061      font-size: 0.875em;
  1062  }
  1063  .tsd-sources a {
  1064      color: var(--color-text-aside);
  1065      text-decoration: underline;
  1066  }
  1067  .tsd-sources ul {
  1068      list-style: none;
  1069      padding: 0;
  1070  }
  1071  
  1072  .tsd-page-toolbar {
  1073      position: sticky;
  1074      z-index: 1;
  1075      top: 0;
  1076      left: 0;
  1077      width: 100%;
  1078      color: var(--color-text);
  1079      background: var(--color-background-secondary);
  1080      border-bottom: 1px var(--color-accent) solid;
  1081      transition: transform 0.3s ease-in-out;
  1082  }
  1083  .tsd-page-toolbar a {
  1084      color: var(--color-text);
  1085      text-decoration: none;
  1086  }
  1087  .tsd-page-toolbar a.title {
  1088      font-weight: bold;
  1089  }
  1090  .tsd-page-toolbar a.title:hover {
  1091      text-decoration: underline;
  1092  }
  1093  .tsd-page-toolbar .tsd-toolbar-contents {
  1094      display: flex;
  1095      justify-content: space-between;
  1096      height: 2.5rem;
  1097      margin: 0 auto;
  1098  }
  1099  .tsd-page-toolbar .table-cell {
  1100      position: relative;
  1101      white-space: nowrap;
  1102      line-height: 40px;
  1103  }
  1104  .tsd-page-toolbar .table-cell:first-child {
  1105      width: 100%;
  1106  }
  1107  .tsd-page-toolbar .tsd-toolbar-icon {
  1108      box-sizing: border-box;
  1109      line-height: 0;
  1110      padding: 12px 0;
  1111  }
  1112  
  1113  .tsd-widget {
  1114      display: inline-block;
  1115      overflow: hidden;
  1116      opacity: 0.8;
  1117      height: 40px;
  1118      transition:
  1119          opacity 0.1s,
  1120          background-color 0.2s;
  1121      vertical-align: bottom;
  1122      cursor: pointer;
  1123  }
  1124  .tsd-widget:hover {
  1125      opacity: 0.9;
  1126  }
  1127  .tsd-widget.active {
  1128      opacity: 1;
  1129      background-color: var(--color-accent);
  1130  }
  1131  .tsd-widget.no-caption {
  1132      width: 40px;
  1133  }
  1134  .tsd-widget.no-caption:before {
  1135      margin: 0;
  1136  }
  1137  
  1138  .tsd-widget.options,
  1139  .tsd-widget.menu {
  1140      display: none;
  1141  }
  1142  input[type="checkbox"] + .tsd-widget:before {
  1143      background-position: -120px 0;
  1144  }
  1145  input[type="checkbox"]:checked + .tsd-widget:before {
  1146      background-position: -160px 0;
  1147  }
  1148  
  1149  img {
  1150      max-width: 100%;
  1151  }
  1152  
  1153  .tsd-anchor-icon {
  1154      display: inline-flex;
  1155      align-items: center;
  1156      margin-left: 0.5rem;
  1157      vertical-align: middle;
  1158      color: var(--color-text);
  1159  }
  1160  
  1161  .tsd-anchor-icon svg {
  1162      width: 1em;
  1163      height: 1em;
  1164      visibility: hidden;
  1165  }
  1166  
  1167  .tsd-anchor-link:hover > .tsd-anchor-icon svg {
  1168      visibility: visible;
  1169  }
  1170  
  1171  .deprecated {
  1172      text-decoration: line-through !important;
  1173  }
  1174  
  1175  .warning {
  1176      padding: 1rem;
  1177      color: var(--color-warning-text);
  1178      background: var(--color-background-warning);
  1179  }
  1180  
  1181  .tsd-kind-project {
  1182      color: var(--color-ts-project);
  1183  }
  1184  .tsd-kind-module {
  1185      color: var(--color-ts-module);
  1186  }
  1187  .tsd-kind-namespace {
  1188      color: var(--color-ts-namespace);
  1189  }
  1190  .tsd-kind-enum {
  1191      color: var(--color-ts-enum);
  1192  }
  1193  .tsd-kind-enum-member {
  1194      color: var(--color-ts-enum-member);
  1195  }
  1196  .tsd-kind-variable {
  1197      color: var(--color-ts-variable);
  1198  }
  1199  .tsd-kind-function {
  1200      color: var(--color-ts-function);
  1201  }
  1202  .tsd-kind-class {
  1203      color: var(--color-ts-class);
  1204  }
  1205  .tsd-kind-interface {
  1206      color: var(--color-ts-interface);
  1207  }
  1208  .tsd-kind-constructor {
  1209      color: var(--color-ts-constructor);
  1210  }
  1211  .tsd-kind-property {
  1212      color: var(--color-ts-property);
  1213  }
  1214  .tsd-kind-method {
  1215      color: var(--color-ts-method);
  1216  }
  1217  .tsd-kind-call-signature {
  1218      color: var(--color-ts-call-signature);
  1219  }
  1220  .tsd-kind-index-signature {
  1221      color: var(--color-ts-index-signature);
  1222  }
  1223  .tsd-kind-constructor-signature {
  1224      color: var(--color-ts-constructor-signature);
  1225  }
  1226  .tsd-kind-parameter {
  1227      color: var(--color-ts-parameter);
  1228  }
  1229  .tsd-kind-type-literal {
  1230      color: var(--color-ts-type-literal);
  1231  }
  1232  .tsd-kind-type-parameter {
  1233      color: var(--color-ts-type-parameter);
  1234  }
  1235  .tsd-kind-accessor {
  1236      color: var(--color-ts-accessor);
  1237  }
  1238  .tsd-kind-get-signature {
  1239      color: var(--color-ts-get-signature);
  1240  }
  1241  .tsd-kind-set-signature {
  1242      color: var(--color-ts-set-signature);
  1243  }
  1244  .tsd-kind-type-alias {
  1245      color: var(--color-ts-type-alias);
  1246  }
  1247  
  1248  /* if we have a kind icon, don't color the text by kind */
  1249  .tsd-kind-icon ~ span {
  1250      color: var(--color-text);
  1251  }
  1252  
  1253  * {
  1254      scrollbar-width: thin;
  1255      scrollbar-color: var(--color-accent) var(--color-icon-background);
  1256  }
  1257  
  1258  *::-webkit-scrollbar {
  1259      width: 0.75rem;
  1260  }
  1261  
  1262  *::-webkit-scrollbar-track {
  1263      background: var(--color-icon-background);
  1264  }
  1265  
  1266  *::-webkit-scrollbar-thumb {
  1267      background-color: var(--color-accent);
  1268      border-radius: 999rem;
  1269      border: 0.25rem solid var(--color-icon-background);
  1270  }
  1271  
  1272  /* mobile */
  1273  @media (max-width: 769px) {
  1274      .tsd-widget.options,
  1275      .tsd-widget.menu {
  1276          display: inline-block;
  1277      }
  1278  
  1279      .container-main {
  1280          display: flex;
  1281      }
  1282      html .col-content {
  1283          float: none;
  1284          max-width: 100%;
  1285          width: 100%;
  1286      }
  1287      html .col-sidebar {
  1288          position: fixed !important;
  1289          overflow-y: auto;
  1290          -webkit-overflow-scrolling: touch;
  1291          z-index: 1024;
  1292          top: 0 !important;
  1293          bottom: 0 !important;
  1294          left: auto !important;
  1295          right: 0 !important;
  1296          padding: 1.5rem 1.5rem 0 0;
  1297          width: 75vw;
  1298          visibility: hidden;
  1299          background-color: var(--color-background);
  1300          transform: translate(100%, 0);
  1301      }
  1302      html .col-sidebar > *:last-child {
  1303          padding-bottom: 20px;
  1304      }
  1305      html .overlay {
  1306          content: "";
  1307          display: block;
  1308          position: fixed;
  1309          z-index: 1023;
  1310          top: 0;
  1311          left: 0;
  1312          right: 0;
  1313          bottom: 0;
  1314          background-color: rgba(0, 0, 0, 0.75);
  1315          visibility: hidden;
  1316      }
  1317  
  1318      .to-has-menu .overlay {
  1319          animation: fade-in 0.4s;
  1320      }
  1321  
  1322      .to-has-menu .col-sidebar {
  1323          animation: pop-in-from-right 0.4s;
  1324      }
  1325  
  1326      .from-has-menu .overlay {
  1327          animation: fade-out 0.4s;
  1328      }
  1329  
  1330      .from-has-menu .col-sidebar {
  1331          animation: pop-out-to-right 0.4s;
  1332      }
  1333  
  1334      .has-menu body {
  1335          overflow: hidden;
  1336      }
  1337      .has-menu .overlay {
  1338          visibility: visible;
  1339      }
  1340      .has-menu .col-sidebar {
  1341          visibility: visible;
  1342          transform: translate(0, 0);
  1343          display: flex;
  1344          flex-direction: column;
  1345          gap: 1.5rem;
  1346          max-height: 100vh;
  1347          padding: 1rem 2rem;
  1348      }
  1349      .has-menu .tsd-navigation {
  1350          max-height: 100%;
  1351      }
  1352  }
  1353  
  1354  /* one sidebar */
  1355  @media (min-width: 770px) {
  1356      .container-main {
  1357          display: grid;
  1358          grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  1359          grid-template-areas: "sidebar content";
  1360          margin: 2rem auto;
  1361      }
  1362  
  1363      .col-sidebar {
  1364          grid-area: sidebar;
  1365      }
  1366      .col-content {
  1367          grid-area: content;
  1368          padding: 0 1rem;
  1369      }
  1370  }
  1371  @media (min-width: 770px) and (max-width: 1399px) {
  1372      .col-sidebar {
  1373          max-height: calc(100vh - 2rem - 42px);
  1374          overflow: auto;
  1375          position: sticky;
  1376          top: 42px;
  1377          padding-top: 1rem;
  1378      }
  1379      .site-menu {
  1380          margin-top: 1rem;
  1381      }
  1382  }
  1383  
  1384  /* two sidebars */
  1385  @media (min-width: 1200px) {
  1386      .container-main {
  1387          grid-template-columns: minmax(0, 1fr) minmax(0, 2.5fr) minmax(0, 20rem);
  1388          grid-template-areas: "sidebar content toc";
  1389      }
  1390  
  1391      .col-sidebar {
  1392          display: contents;
  1393      }
  1394  
  1395      .page-menu {
  1396          grid-area: toc;
  1397          padding-left: 1rem;
  1398      }
  1399      .site-menu {
  1400          grid-area: sidebar;
  1401      }
  1402  
  1403      .site-menu {
  1404          margin-top: 1rem 0;
  1405      }
  1406  
  1407      .page-menu,
  1408      .site-menu {
  1409          max-height: calc(100vh - 2rem - 42px);
  1410          overflow: auto;
  1411          position: sticky;
  1412          top: 42px;
  1413      }
  1414  }