@nanoporetech-digital/components 9.0.1 → 9.1.0

package/dist/cjs/{algolia-data-YqTcrA7B.js → algolia-data-BEfDDPWP.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ap26V5bu.js');
+var index = require('./index-C7Ikbhe3.js');
 
 var createDeferredPromise = function () {
     var resolve;

package/dist/cjs/{component-store-BsFgDzFM.js → component-store-DFsNILxg.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ap26V5bu.js');
+var index = require('./index-C7Ikbhe3.js');
 var throttle = require('./throttle-CrRDOkln.js');
 
 function parse(searchParams, replacer) {

package/dist/cjs/{constructible-style-D0zEjr9J.js → constructible-style-CRdAciHm.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ap26V5bu.js');
+var index = require('./index-C7Ikbhe3.js');
 
 // import type { VNode, HTMLStencilElement } from "@stencil/core";
 const supportsConstructibleStylesheets = (() => {

package/dist/cjs/{dom-GglTcT7o.js → dom-CIEcUG2R.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-require('./index-ap26V5bu.js');
+require('./index-C7Ikbhe3.js');
 
 var NODE_TYPE;
 (function (NODE_TYPE) {

package/dist/cjs/{fade-CDGKmRbB.js → fade-Cng4p1KQ.js}

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var nanoSlides_entry = require('./nano-slides-BONrNv9H.js');
-require('./index-ap26V5bu.js');
-require('./renderer-D1xFLJsH.js');
+var nanoSlides_entry = require('./nano-slides-QbssxNUC.js');
+require('./index-C7Ikbhe3.js');
+require('./renderer-bX7EsIYR.js');
 
 const Slide = nanoSlides_entry.Flickity.Slide;
 const slideUpdateTarget = Slide.prototype.updateTarget;

package/dist/cjs/{form-control-DKTdW_gr.js → form-control-DdnBRckY.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var renderer = require('./renderer-D1xFLJsH.js');
+var renderer = require('./renderer-bX7EsIYR.js');
 
 const renderLabel = ({ label, hasLabelSlot, controlId, labelId, floatLabel, placeholder, alwaysShowPlaceholder, hideLabel, hasValue, rtl, showCharCount, maxlength, charCount, }) => {
     if (!label && !hasLabelSlot)

package/dist/cjs/{fullscreen-BmuHM8Mq.js → fullscreen-BYNt89kR.js}

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var nanoSlides_entry = require('./nano-slides-BONrNv9H.js');
-require('./index-ap26V5bu.js');
-require('./renderer-D1xFLJsH.js');
+var nanoSlides_entry = require('./nano-slides-QbssxNUC.js');
+require('./index-C7Ikbhe3.js');
+require('./renderer-bX7EsIYR.js');
 
 nanoSlides_entry.Flickity.createMethods.push('_createFullscreen');
 const proto = nanoSlides_entry.Flickity.prototype;

package/dist/cjs/{index-ap26V5bu.js → index-C7Ikbhe3.js}

@@ -27,7 +27,7 @@ const BUILD = /* nano-components */ { experimentalSlotFixes: true, hydratedSelec
 var appGlobalScript = async () => { };
 
 const globalScripts = appGlobalScript;
-const globalStyles = ":host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }@layer components {\n  :where(nano-footer, .nano-footer) h1,\n  :where(nano-footer, .nano-footer) h2,\n  :where(nano-footer, .nano-footer) h3,\n  :where(nano-footer, .nano-footer) h4,\n  :where(nano-footer, .nano-footer) h5,\n  :where(nano-footer, .nano-footer) h6 {\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-medium);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-normal);\n    margin: var(--header-margin);\n  }\n  :where(nano-footer, .nano-footer) [slot=bottom-end] nano-option::part(start) {\n    margin-inline-end: var(--nano-spacing-sm);\n  }\n  :where(nano-footer, .nano-footer) [slot=middle-centre] a {\n    color: inherit;\n  }\n  :where(nano-footer, .nano-footer) [slot=middle-centre] a:hover {\n    color: var(--nano-color-text-link-hover);\n  }\n  :where(nano-footer, .nano-footer) [slot=middle-centre] a:focus-visible {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n  :where(nano-footer, .nano-footer) [slot=middle-centre] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--icon-gap-md);\n    flex-wrap: nowrap;\n  }\n  @container footer-container (max-width: 912px) {\n    :where(nano-footer, .nano-footer) [slot=middle-centre] {\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n  }\n}\n@layer components {\n  .nano-toast-stack {\n    position: fixed;\n    z-index: var(--nano-z-index-modal);\n    inline-size: 28rem;\n    max-inline-size: 100%;\n    max-block-size: 100%;\n  }\n  .nano-toast-stack--tr {\n    inset-block-start: 0;\n    inset-inline-end: 0;\n  }\n  .nano-toast-stack--tl {\n    inset-block-start: 0;\n    inset-inline-start: 0;\n  }\n  .nano-toast-stack--br {\n    inset-block-end: 0;\n    inset-inline-end: 0;\n  }\n  .nano-toast-stack--bl {\n    inset-block-end: 0;\n    inset-inline-start: 0;\n  }\n}\n@layer components {\n  .nano-sortable__placeholder {\n    opacity: 0;\n  }\n  .nano-sortable__dragged {\n    opacity: 0.6;\n    cursor: grabbing !important;\n    box-shadow: var(--nano-shadow-l2);\n    z-index: 1;\n    position: relative;\n  }\n  .nano-sortable__keyboard-handle {\n    background: var(--nano-color-background-default);\n  }\n  .nano-sortable__handle-dragged {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n}\n@layer components {\n  nano-cta {\n    --color: var(--nano-color-basic-white);\n    --bg: var(--nano-color-fill-primary);\n    --bg-hover: var(--nano-color-fill-primary-hover);\n    --bg-active: var(--nano-color-fill-primary-pressed);\n    --border: 1px solid var(--bg);\n    --icon-size: 1em;\n    --padding-v: 0.4375em;\n    --padding-h: 1.125em;\n    --spinner-size: 1em;\n    --font-size: var(--nano-font-size-small);\n    --line-height: var(--nano-line-height-normal);\n    --gap: var(--nano-spacing-sm);\n    --icon-display: none;\n    --loading-display: none;\n    --loading-opacity: 0;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 1;\n    display: contents;\n  }\n  nano-cta:has(.nano-internal-cta) {\n    display: inline-block;\n  }\n  nano-cta:dir(rtl) {\n    --flip-icon-ltr: 1;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta[group=balanced] {\n    display: inline-grid;\n    grid-auto-flow: column;\n    grid-auto-columns: 1fr;\n    gap: var(--gap);\n  }\n  nano-cta[group=balanced] a,\n  nano-cta[group=balanced] button {\n    justify-content: space-evenly;\n  }\n  nano-cta[group=stacked] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--gap);\n  }\n  nano-cta[secondary]:not([secondary=false]),\n  nano-cta :is([secondary]):not([secondary=false]) {\n    --color: var(--nano-color-text-link);\n    --bg: transparent;\n    --bg-hover: var(--nano-color-fill-secondary-hover);\n    --bg-active: var(--nano-color-fill-secondary-pressed);\n    --border: 1px solid var(--color);\n  }\n  nano-cta[theme=danger],\n  nano-cta :is([theme=danger]) {\n    --color: var(--nano-color-basic-white);\n    --bg: var(--nano-color-fill-danger);\n    --bg-hover: var(--nano-color-fill-danger-hover);\n    --bg-active: var(--nano-color-fill-danger-pressed);\n    --border: 1px solid var(--bg);\n  }\n  nano-cta[theme=danger][secondary]:not([secondary=false]),\n  nano-cta :is([theme=danger][secondary]):not([secondary=false]) {\n    --color: var(--nano-color-text-danger);\n    --bg: var(--nano-color-background-default);\n    --bg-hover: var(--nano-color-fill-danger-weak);\n    --bg-active: var(--nano-color-fill-danger-weak);\n    --border: 1px solid var(--color);\n  }\n  nano-cta[size=medium],\n  nano-cta :is([size=medium]) {\n    --font-size: var(--nano-font-size-xs);\n    --line-height: var(--nano-line-height-dense);\n    --gap: var(--nano-spacing-xs);\n  }\n  nano-cta[size=small],\n  nano-cta :is([size=small]) {\n    --font-size: var(--nano-font-size-2xs);\n    --line-height: var(--nano-line-height-denser);\n    --gap: var(--nano-spacing-xs);\n    --padding-h: 1em;\n    --padding-v: 0.5em;\n  }\n  nano-cta:is([loading], [loading=true]):not([loading=false]),\n  nano-cta :is([loading], [loading=true]):not([loading=false]) {\n    --text-color: transparent !important;\n    --loading-display: block;\n    --loading-opacity: 1;\n    --bg-hover: var(--bg);\n    --bg-active: var(--bg);\n    cursor: wait;\n  }\n  nano-cta:is([loading], [loading=true]):not([loading=false]) a,\n  nano-cta:is([loading], [loading=true]):not([loading=false]) button,\n  nano-cta :is([loading], [loading=true]):not([loading=false]) a,\n  nano-cta :is([loading], [loading=true]):not([loading=false]) button {\n    --text-color: transparent !important;\n    cursor: wait;\n  }\n  nano-cta :is([disabled], [disabled=true]):not([disabled=false]),\n  nano-cta a:not([href]) {\n    --color: var(--nano-color-text-disabled);\n    --text-color: var(--color);\n    --bg: var(--nano-color-fill-disabled);\n    --bg-hover: var(--bg);\n    --bg-active: var(--bg);\n    --border: 1px solid var(--color);\n    cursor: not-allowed;\n  }\n  nano-cta :is([disabled], [disabled=true]):not([disabled=false]) a,\n  nano-cta :is([disabled], [disabled=true]):not([disabled=false]) button,\n  nano-cta a:not([href]) a,\n  nano-cta a:not([href]) button {\n    cursor: not-allowed;\n  }\n  nano-cta :is(a, button, .button) {\n    --text-color: var(--color);\n    margin: 0;\n    appearance: none;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    white-space: nowrap;\n    vertical-align: middle;\n    background-color: var(--bg) !important;\n    color: var(--text-color) !important;\n    border-radius: var(--nano-border-radius-pill);\n    line-height: var(--line-height);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    font-size: var(--font-size);\n    padding: var(--padding-v) var(--padding-h);\n    gap: var(--nano-spacing-sm);\n    border: var(--border) !important;\n    transition: color var(--nano-transition-fast) ease;\n    text-decoration: none !important;\n  }\n  nano-cta :is(a, button, .button):focus-visible {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n  nano-cta :is(a, button, .button):hover {\n    background-color: var(--bg-hover) !important;\n  }\n  nano-cta :is(a, button, .button):active {\n    background-color: var(--bg-active) !important;\n  }\n  nano-cta :is(a, button, .button)::before {\n    content: \"\";\n    display: var(--loading-display);\n    opacity: var(--loading-opacity);\n    position: absolute;\n    padding: 2.5px;\n    aspect-ratio: 1;\n    border-radius: 50%;\n    inline-size: var(--spinner-size);\n    background: var(--color);\n    inset: calc(50% - var(--spinner-size) / 2);\n    -webkit-mask: conic-gradient(rgba(0, 0, 0, 0), #000), conic-gradient(#000 0 0) content-box;\n    -webkit-mask-composite: source-out;\n            -webkit-mask: conic-gradient(rgba(0, 0, 0, 0), #000), conic-gradient(#000 0 0) content-box;\n            -webkit-mask-composite: source-out;\n                    mask: conic-gradient(rgba(0, 0, 0, 0), #000) subtract, conic-gradient(#000 0 0) content-box;\n    animation: load 1s linear infinite;\n    transition: all var(--nano-transition-fast) ease;\n    transition-behavior: allow-discrete;\n  }\n  @keyframes load {\n    to {\n      rotate: 1turn;\n    }\n  }\n  nano-cta :is(a, button, .button)::after {\n    content: \"\";\n    display: var(--icon-display);\n    background-size: cover;\n    inline-size: var(--icon-size);\n    block-size: var(--icon-size);\n    background-color: var(--text-color);\n    -webkit-mask-image: var(--icon-svg);\n            mask-image: var(--icon-svg);\n    transition: color var(--nano-transition-fast) ease;\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    margin-inline-start: auto;\n    rotate: calc(180deg * var(--flip-icon-ltr));\n  }\n  nano-cta :is(a, button, .button) :where(nano-icon, .nano-icon),\n  nano-cta :is(a, button, .button) svg {\n    color: inherit;\n    inline-size: var(--icon-size);\n    margin: auto 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] a,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] button {\n    padding-inline-end: 0.8125em;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] a::after,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] button::after {\n    rotate: calc(180deg * var(--flip-icon-ltr));\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] a,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] button {\n    padding-inline-start: 0.8125em;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] a::after,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] button::after {\n    rotate: calc(180deg * var(--flip-icon-rtl));\n    order: -1;\n    margin-inline-start: unset;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=up] {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=up] a::after,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=up] button::after {\n    transform: rotate(270deg);\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=down] {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=down] a::after,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=down] button::after {\n    transform: rotate(90deg);\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=download] {\n    --icon-svg: var(--nano-component-icon-download);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=open] {\n    --icon-svg: var(--nano-component-icon-open);\n    --icon-size: .9em;\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg)):not([icon]) a[href]:not([href=\"\"], [icon], [href^=\"#\"]) {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n    padding-inline-end: 0.8125em;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg)):not([icon]) a[href]:not([href=\"\"], [icon], [href^=\"#\"])[target=_blank] {\n    --icon-svg: var(--nano-component-icon-open);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n    padding-inline-end: var(--padding-h);\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg)):not([icon]) a[href]:not([href=\"\"], [icon], [href^=\"#\"])[download], nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg)):not([icon]) a[href]:not([href=\"\"], [icon], [href^=\"#\"]):is([href$=\".txt\"], [href$=\".pdf\"], [href$=\".zip\"], [href$=\".doc\"], [href$=\".docx\"], [href$=\".xls\"], [href$=\".xlsx\"], [href$=\".ppt\"], [href$=\".pptx\"]) {\n    --icon-svg: var(--nano-component-icon-download);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n    padding-inline-end: var(--padding-h);\n  }\n}\n/** Typography */\n@layer components {\n  nano-card {\n    --color: currentColor;\n    --bg: transparent;\n    --gap: var(--nano-spacing-md);\n    --content-margin: 0;\n    --flip-icon-ltr: 0;\n    container-type: inline-size;\n    position: relative;\n    display: grid;\n    grid-template-columns: minmax(calc(197px - var(--gap)), 31%) auto;\n    grid-template-rows: repeat(calc(var(--row-count) - 1), min-content);\n    gap: var(--gap);\n    background-color: var(--bg);\n    color: var(--color);\n  }\n  nano-card:dir(rtl) {\n    --flip-icon-ltr: 1;\n  }\n  nano-card:has(> :last-child:nth-child(1), > article > :last-child:nth-child(1)) {\n    --row-count: 1;\n  }\n  nano-card:has(> :last-child:nth-child(2), > article > :last-child:nth-child(2)) {\n    --row-count: 2;\n  }\n  nano-card:has(> :last-child:nth-child(3), > article > :last-child:nth-child(3)) {\n    --row-count: 3;\n  }\n  nano-card:has(> :last-child:nth-child(4), > article > :last-child:nth-child(4)) {\n    --row-count: 4;\n  }\n  nano-card:has(> :last-child:nth-child(5), > article > :last-child:nth-child(5)) {\n    --row-count: 5;\n  }\n  nano-card:has(> :last-child:nth-child(6), > article > :last-child:nth-child(6)) {\n    --row-count: 6;\n  }\n  nano-card:has(> :last-child:nth-child(7), > article > :last-child:nth-child(7)) {\n    --row-count: 7;\n  }\n  nano-card * {\n    margin-block: unset;\n    margin-block-start: unset;\n    margin-block-end: unset;\n  }\n  nano-card > *:not([slot]) {\n    display: contents;\n  }\n  nano-card [slot] {\n    display: block;\n  }\n  nano-card [slot]:not([slot=img], [slot=category], ul) {\n    margin-inline: var(--content-margin);\n  }\n  nano-card [slot]:not([slot=img], [slot=category], ul):last-child {\n    margin-block-end: var(--content-margin);\n  }\n  nano-card:not(:has([slot=img])) [slot]:first-child {\n    margin-block-start: var(--content-margin);\n  }\n  nano-card [slot=img] {\n    order: 1;\n    inline-size: 100%;\n    max-inline-size: max-content;\n  }\n  nano-card div[slot=img] {\n    position: relative;\n    inline-size: fit-content;\n    block-size: fit-content;\n  }\n  nano-card [slot=category] {\n    position: absolute;\n    inset-block-end: 10px;\n    inset-inline-end: 10px;\n    background: var(--nano-color-background-default);\n  }\n  nano-card [slot=title] {\n    order: 2;\n  }\n  nano-card [slot=content] {\n    order: 3;\n  }\n  nano-card [slot=footer] {\n    order: 4;\n    display: inline-flex;\n    align-items: center;\n    gap: var(--gap);\n  }\n  nano-card [slot=footer]:has(nano-tag) {\n    flex-wrap: wrap;\n    gap: var(--nano-spacing-sm);\n  }\n  nano-card [slot=footer]:has(nano-tag):is(nano-more-less) > ul,\n  nano-card [slot=footer]:has(nano-tag) nano-more-less > ul {\n    display: contents;\n    list-style: none;\n  }\n  nano-card [slot=footer]:has(nano-tag):is(nano-more-less) > ul > li,\n  nano-card [slot=footer]:has(nano-tag) nano-more-less > ul > li {\n    display: contents;\n  }\n  nano-card nano-content-links {\n    --color-border: var(--nano-color-border-default);\n  }\n  nano-card address {\n    font-style: normal;\n  }\n  nano-card a[slot=title],\n  nano-card [slot=title] a {\n    color: var(--color);\n    text-decoration: none;\n  }\n  nano-card a[slot=title]:hover,\n  nano-card [slot=title] a:hover {\n    color: var(--nano-color-text-hover);\n    text-decoration: underline;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input), [disable-card-click]) a, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,\n  :has(a, nano-icon-button, input, nano-cta[loading])) a {\n    color: var(--color);\n    text-decoration: none;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input), [disable-card-click]):hover [slot=title], nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,\n  :has(a, nano-icon-button, input, nano-cta[loading])):hover [slot=title] {\n    color: var(--nano-color-text-hover);\n    text-decoration: underline;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input), [disable-card-click]):hover:has([slot=title] > * ~ *) [slot=title], nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,\n  :has(a, nano-icon-button, input, nano-cta[loading])):hover:has([slot=title] > * ~ *) [slot=title] {\n    color: var(--color);\n    text-decoration: none;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input), [disable-card-click]):hover:has([slot=title] > * ~ *) [slot=title] > :first-child, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,\n  :has(a, nano-icon-button, input, nano-cta[loading])):hover:has([slot=title] > * ~ *) [slot=title] > :first-child {\n    color: var(--nano-color-text-hover);\n    text-decoration: underline;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input), [disable-card-click]) button::before,\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input), [disable-card-click]) a::before, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,\n  :has(a, nano-icon-button, input, nano-cta[loading])) button::before,\n  nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,\n  :has(a, nano-icon-button, input, nano-cta[loading])) a::before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    inset: 0;\n    touch-action: manipulation;\n    cursor: pointer;\n    inline-size: 100%;\n    block-size: 100%;\n    animation: none;\n    border-radius: 0;\n    z-index: var(--enable-card-click);\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input), [disable-card-click]) nano-cta > *, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,\n  :has(a, nano-icon-button, input, nano-cta[loading])) nano-cta > * {\n    position: static;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input), [disable-card-click])[variant^=promo]:hover, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,\n  :has(a, nano-icon-button, input, nano-cta[loading]))[variant^=promo]:hover {\n    background-color: var(--bg-hover);\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input), [disable-card-click]) nano-tooltip > *, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,\n  :has(a, nano-icon-button, input, nano-cta[loading])) nano-tooltip > * {\n    position: relative;\n    z-index: 2;\n  }\n  nano-card:has(a[slot]):has([slot] a) {\n    --enable-card-click: -1;\n  }\n  nano-card:has([slot=content] a):has([slot=footer] a) {\n    --enable-card-click: -1;\n  }\n  nano-card[disable-card-click] {\n    --enable-card-click: -1;\n  }\n  nano-card:not([layout=landscape]) [slot] {\n    grid-column: 1/-1 !important;\n  }\n  nano-card[layout=landscape] [slot] {\n    grid-column: 2;\n  }\n  nano-card[layout=landscape] div:has([slot=img]),\n  nano-card[layout=landscape] [slot=img] {\n    grid-column: 1;\n    grid-row: 1/-1;\n  }\n  nano-card[layout=landscape]:has([slot=title], [slot=content], [slot=img]):not(nano-card[layout=landscape]:has([slot=footer])) {\n    grid-template-rows: min-content repeat(calc(var(--row-count) - 2), 1fr);\n  }\n  @container (width < 417px) {\n    nano-card[layout=landscape]:not([size=small]) [slot] {\n      grid-column: 1/-1 !important;\n    }\n    nano-card[layout=landscape]:not([size=small]) [slot=img] {\n      grid-column: 1/-1 !important;\n    }\n  }\n  @container (width < 320px) {\n    nano-card[layout=landscape][size=small] [slot] {\n      grid-column: 1/-1 !important;\n    }\n    nano-card[layout=landscape][size=small] [slot=img] {\n      grid-column: 1/-1 !important;\n    }\n  }\n  nano-card[variant=product] [slot=title] {\n    display: inline-flex;\n    gap: var(--gap);\n    align-items: center;\n    justify-content: space-between;\n  }\n  nano-card[variant=product] [slot=footer] {\n    justify-content: space-between;\n  }\n  nano-card [slot=title],\n  nano-card [slot=title] > :first-child {\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-lg);\n    line-height: var(--nano-line-height-dense);\n    text-wrap: balance;\n  }\n  nano-card [slot=content],\n  nano-card [slot=content] > * {\n    font-size: var(--nano-font-size-sm);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  nano-card[size=small] {\n    grid-template-columns: minmax(calc(60px - var(--gap)), 31%) auto;\n  }\n  nano-card[size=small] [slot=title],\n  nano-card[size=small] [slot=title] > :first-child {\n    font-size: var(--nano-font-size-sm);\n    line-height: var(--nano-line-height-normal);\n    font-weight: var(--nano-font-weight-bold);\n  }\n  nano-card[size=small] [slot=content],\n  nano-card[size=small] [slot=content] > * {\n    font-size: var(--nano-font-size-xs);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  nano-card[variant=product][size=small] {\n    --gap: var(--nano-spacing-sm);\n  }\n  nano-card[variant^=promo] {\n    --content-margin: var(--gap);\n    box-shadow: var(--nano-shadow-l1);\n  }\n  nano-card[variant^=promo] [slot=title],\n  nano-card[variant^=promo] [slot=title]:hover, nano-card[variant^=promo]:hover [slot=title] {\n    color: var(--color) !important;\n    text-decoration: none !important;\n  }\n  nano-card[variant^=promo] nano-cta > * {\n    inline-size: 100%;\n  }\n  nano-card[variant^=promo] [slot=title],\n  nano-card[variant^=promo] [slot=title] > :first-child {\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-md);\n    line-height: var(--nano-line-height-dense);\n    text-wrap: balance;\n  }\n  nano-card[variant^=promo] [slot=content],\n  nano-card[variant^=promo] [slot=content] > * {\n    font-size: var(--nano-font-size-xs);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  nano-card[variant^=promo]:not(:has(nano-cta)):has(a[slot=title]) a[slot=title] {\n    display: inline-flex;\n    gap: var(--gap);\n  }\n  nano-card[variant^=promo]:not(:has(nano-cta)):has(a[slot=title]) a[slot=title]::after {\n    content: \"\";\n    display: block;\n    background-size: cover;\n    inline-size: 1em;\n    background-color: var(--color);\n    -webkit-mask-image: var(--nano-component-icon-chevron);\n            mask-image: var(--nano-component-icon-chevron);\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    margin-inline-start: auto;\n    rotate: calc(180deg * var(--flip-icon-ltr));\n  }\n  nano-card[variant=promo-aero] {\n    --bg: var(--nano-color-surface-brand-feature);\n    --bg-hover: var(--nano-color-surface-brand-feature-hover);\n    --color: var(--nano-color-text-default);\n  }\n  nano-card[variant=promo-plain] {\n    --bg: var(--nano-color-surface-default);\n    --bg-hover: var(--nano-color-surface-default-hover);\n    --color: var(--nano-color-text-default);\n  }\n  nano-card[variant=promo-grey] {\n    --bg: var(--nano-color-surface-subtle);\n    --bg-hover: var(--nano-color-surface-subtle-hover);\n    --color: var(--nano-color-text-default);\n  }\n  nano-card[variant=promo-grey]:hover [slot=title] {\n    color: var(--nano-color-text-hover);\n  }\n  nano-card[variant=promo-grey] nano-cta {\n    --color: var(--nano-color-text-link);\n    --bg: var(--nano-color-surface-subtle);\n    --bg-hover: var(--nano-color-surface-subtle-hover);\n    --bg-active: var(--nano-color-surface-subtle-pressed);\n    --border: 1px solid var(--color);\n  }\n}\n@layer components {\n  nano-tag {\n    --background: var(--nano-color-surface-default);\n    --color: var(--nano-color-text-link);\n    --stroke: var(--nano-color-border-accent);\n    --color-non-interactive: var(--nano-color-text-default);\n    --padding: 0.125rem 0.375rem;\n    --font-size: 0.625rem;\n    --line-height: var(--nano-line-height-denser);\n    --letter-spacing: var(--nano-letter-spacing-denser);\n    --bg-color-hover: var(--nano-color-fill-secondary-hover);\n    --bg-color-active: var(--nano-color-fill-secondary-pressed);\n    display: inline-block;\n    block-size: fit-content;\n    inline-size: fit-content;\n    padding: var(--padding);\n    font-size: var(--font-size);\n    font-family: var(--font-family);\n    font-weight: var(--nano-font-weight-bold);\n    line-height: var(--line-height);\n    letter-spacing: var(--letter-spacing);\n    word-wrap: break-word;\n    text-align: center;\n    cursor: default;\n    color: var(--color-non-interactive);\n    background: var(--background);\n    border: 1px solid var(--color-non-interactive);\n  }\n  nano-tag[size=large] {\n    --padding: 0.25rem 0.5rem;\n    --font-size: var(--nano-font-size-2xs);\n    --letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  nano-tag[closable] {\n    display: flex;\n    gap: 0.25rem;\n    justify-content: space-between;\n    align-items: center;\n    padding: var(--padding);\n  }\n  nano-tag[closable] nano-icon-button {\n    --padding: 0 !important;\n  }\n  nano-tag[closable][size=large] {\n    gap: 0.375rem;\n  }\n  nano-tag[closable]:not(:has(nano-icon-button, .nano-icon-button))::after {\n    content: \"\";\n    display: block;\n    min-inline-size: 0.625rem;\n  }\n  nano-tag:has(a), nano-tag:has(button) {\n    padding: 0;\n  }\n  nano-tag:has(a), nano-tag:has(button), nano-tag[closable] {\n    color: var(--color);\n    border-color: var(--stroke);\n    background: var(--background);\n  }\n  nano-tag:has(a:hover), nano-tag:has(button:hover) {\n    cursor: pointer;\n    background: var(--bg-color-hover);\n  }\n  nano-tag:has(a:active), nano-tag:has(button:active), nano-tag[selected] {\n    background: var(--bg-color-active);\n  }\n  nano-tag:has(a:focus-visible, button:focus-visible) {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n  nano-tag > a, nano-tag > button {\n    all: unset;\n    display: block;\n    padding: var(--padding) !important;\n  }\n  nano-tag > a:hover, nano-tag > button:hover {\n    text-decoration: none;\n  }\n}\n@layer components {\n  :where(nano-content-links, .nano-content-links) {\n    --text-color: var(--nano-color-text-default);\n    --color-disabled: var(--nano-color-text-disabled);\n    --color-border: var(--nano-color-border-default);\n    --color-active: var(--nano-color-fill-primary);\n    --padding: var(--nano-spacing-sm);\n    --icon-size: 1em;\n    --icon-color: var(--nano-color-icon-primary);\n    display: contents;\n    color: var(--text-color);\n    font-size: var(--nano-font-size-sm);\n    font-weight: var(--nano-font-weight-normal);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    word-wrap: break-word;\n  }\n  :where(nano-content-links, .nano-content-links) > * {\n    all: unset;\n    inline-size: -webkit-fill-available;\n    inline-size: -moz-available;\n    inline-size: stretch;\n    block-size: fit-content;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: var(--padding);\n    gap: var(--nano-spacing-md);\n    border-block-start: 1px solid var(--color-border);\n    border-block-end: 1px solid var(--color-border);\n    text-decoration: none !important;\n  }\n  :where(nano-content-links, .nano-content-links) > *::after {\n    content: \"\";\n    background-size: cover;\n    inline-size: var(--icon-size);\n    block-size: var(--icon-size);\n    -webkit-mask-image: var(--nano-component-icon-chevron);\n            mask-image: var(--nano-component-icon-chevron);\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    margin-inline-start: auto;\n    min-inline-size: var(--icon-size);\n  }\n  :where(nano-content-links, .nano-content-links) > *:not(a) {\n    pointer-events: none;\n    cursor: default;\n    color: var(--color-disabled);\n    border-block-start: 1px solid var(--color-border);\n    border-block-end: 1px solid var(--color-border);\n  }\n  :where(nano-content-links, .nano-content-links) > *:not(a)::after {\n    background-color: var(--color-disabled);\n  }\n  :where(nano-content-links, .nano-content-links) > * + * {\n    border-block-start: none !important;\n  }\n  :where(nano-content-links, .nano-content-links) a {\n    pointer-events: auto;\n    cursor: pointer;\n    color: var(--text-color);\n  }\n  :where(nano-content-links, .nano-content-links) a::after {\n    background-color: var(--icon-color);\n  }\n  :where(nano-content-links, .nano-content-links) a[target=_blank]::after {\n    -webkit-mask-image: var(--nano-component-icon-open);\n            mask-image: var(--nano-component-icon-open);\n  }\n  :where(nano-content-links, .nano-content-links) a:hover, :where(nano-content-links, .nano-content-links) a:active {\n    --icon-color: var(--color-active);\n    color: var(--color-active);\n    -webkit-text-decoration: underline solid;\n            text-decoration: underline solid;\n  }\n  :where(nano-content-links, .nano-content-links) a:focus-visible {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n}\n@layer components {\n  nano-badge {\n    font-size: var(--nano-font-size-2xs);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    background: var(--bg);\n    color: var(--color);\n    border-radius: var(--nano-border-radius-pill);\n    padding: 0.15em 0.65em !important;\n    display: inline-block;\n    max-block-size: fit-content;\n    --color: lch(from var(--bg) calc((50 - l) * infinity) 0 0);\n  }\n  nano-badge:empty {\n    padding: 0 !important;\n    block-size: 0.5em;\n    inline-size: 0.5em;\n    min-block-size: 0.5em;\n  }\n  nano-badge a, nano-badge button {\n    all: unset;\n    color: inherit;\n    border-radius: inherit;\n    cursor: pointer;\n  }\n  nano-badge a:is(a), nano-badge button:is(a) {\n    text-decoration: underline;\n  }\n  nano-badge a::after, nano-badge button::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    inline-size: 100%;\n    block-size: 100%;\n    border-radius: inherit;\n    background-color: transparent;\n  }\n  nano-badge a:focus-visible, nano-badge button:focus-visible {\n    outline: none;\n  }\n  nano-badge a:focus-visible::after, nano-badge button:focus-visible::after {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n  nano-badge:has(a, button) {\n    position: relative;\n  }\n  nano-badge:has(a, button):hover {\n    background-color: color-mix(in srgb, var(--bg), black 10%);\n  }\n  nano-badge:has(a, button):active {\n    background-color: color-mix(in srgb, var(--bg), black 20%);\n  }\n  nano-badge:not([theme]), nano-badge[theme=primary] {\n    --bg: var(--nano-color-fill-primary);\n  }\n  nano-badge[theme=neutral] {\n    --bg: var(--nano-color-fill-neutral);\n  }\n  nano-badge[theme=success] {\n    --bg: var(--nano-color-fill-success);\n  }\n  nano-badge[theme=warning] {\n    --bg: var(--nano-color-fill-warning);\n  }\n  nano-badge[theme=danger] {\n    --bg: var(--nano-color-fill-danger-hover);\n  }\n  nano-badge[pulse]:not([pulse=false]) {\n    animation: pulse-animation 2s infinite;\n  }\n  @keyframes pulse-animation {\n    0% {\n      box-shadow: 0 0 0 0 rgb(var(--nano-color-base-rgb-1000)/20%);\n    }\n    100% {\n      box-shadow: 0 0 0 1em rgb(var(--nano-color-base-rgb-1000)/0%);\n    }\n  }\n}\n@layer components {\n  :where(nano-card-carousel, .nano-card-carousel) > [slot=title] {\n    all: unset;\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-xl);\n    line-height: var(--nano-line-height-denser);\n    text-wrap: balance;\n    line-height: 1;\n  }\n  nano-card-carousel nano-card [slot] {\n    opacity: var(--text-opacity);\n  }\n  nano-card-carousel nano-card [slot=img] {\n    opacity: 1;\n  }\n}\n@layer components {\n  .nano-theme-dark nano-global-nav::part(logo),\n  .nano-theme-dark nano-global-nav [part~=logo],\n  nano-global-nav.nano-theme-dark::part(logo),\n  nano-global-nav.nano-theme-dark [part~=logo] {\n    filter: invert(100%);\n  }\n  nano-global-nav > a,\n  nano-global-nav nano-nav-item::part(label),\n  nano-global-nav nano-nav-item [part~=label] {\n    white-space: nowrap;\n  }\n  nano-global-nav nano-nav-item [slot=icon-start] {\n    position: relative;\n  }\n  nano-global-nav nano-nav-item [slot=icon-start] nano-badge {\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    translate: 100% -50%;\n  }\n  nano-global-nav:has(nano-menu-drawer)::part(site-wrapper),\n  nano-global-nav:has(nano-menu-drawer) [part~=site-wrapper] {\n    display: flex;\n  }\n  nano-global-nav.bar-menu > nano-nav-item,\n  nano-global-nav.bar-menu > a {\n    color: var(--main-menu-text-color);\n  }\n  nano-global-nav.bar-menu > nano-nav-item:hover,\n  nano-global-nav.bar-menu > a:hover {\n    color: var(--main-menu-hover-text-color);\n  }\n  nano-global-nav.bar-menu > nano-nav-item:active,\n  nano-global-nav.bar-menu > a:active {\n    color: var(--main-menu-active-text-color);\n  }\n  nano-global-nav.bar-menu > nano-nav-item::part(trigger),\n  nano-global-nav.bar-menu > nano-nav-item [part~=trigger] {\n    position: relative;\n  }\n  nano-global-nav.bar-menu > nano-nav-item::part(trigger)::before,\n  nano-global-nav.bar-menu > nano-nav-item [part~=trigger]::before {\n    content: \"\";\n    position: absolute;\n    background-color: var(--main-menu-active-border-color);\n    block-size: 4px;\n    inset-inline: 0;\n    inset-block-end: -1.5625rem;\n    transform: translateZ(0) scaleX(0);\n    transform-origin: 0 center;\n    transition: transform var(--nano-transition-x-fast) ease-in-out;\n  }\n  nano-global-nav.bar-menu > nano-nav-item[open] {\n    color: var(--main-menu-active-border-color) !important;\n  }\n  nano-global-nav.bar-menu > nano-nav-item[open]::part(trigger)::before, nano-global-nav.bar-menu > nano-nav-item[open] [part~=trigger]::before {\n    transform: translateZ(0) scaleX(1);\n  }\n  nano-global-nav.bar-menu > a.active,\n  nano-global-nav.bar-menu > nano-nav-item.active,\n  nano-global-nav.bar-menu > nano-nav-item[selected] {\n    color: var(--main-menu-active-text-color) !important;\n  }\n  nano-global-nav.bar-menu > nano-nav-item::part(modal) {\n    inset-block-start: -500%;\n    inline-size: 100%;\n    position: absolute;\n    z-index: -2;\n    inset-inline: 0;\n    transition: inset-block-start var(--nano-transition-fast) ease-in-out, opacity var(--nano-transition-x-fast) ease;\n  }\n  nano-global-nav.bar-menu > nano-nav-item::part(modal modal--open) {\n    inset-block-start: 100%;\n  }\n  nano-global-nav.bar-menu > nano-nav-item::part(modal-content) {\n    background: var(--nano-color-background-default);\n    color: var(--nano-color-surface-contrast);\n    padding: var(--nano-spacing-xl);\n    inline-size: 91.25rem;\n    max-inline-size: 100%;\n    margin: auto;\n    box-shadow: var(--nano-shadow-l2);\n  }\n  nano-global-nav.bar-menu > nano-nav-item::part(modal-mask),\n  nano-global-nav.bar-menu > nano-nav-item [part~=modal-mask] {\n    background: var(--nano-color-overlay-scrim);\n    position: fixed;\n    inset: 0;\n    min-block-size: 100%;\n    z-index: -1;\n  }\n  nano-global-nav.bar-menu > nano-nav-item [slot=close-button] {\n    display: none;\n  }\n  nano-global-nav.bar-menu > nano-nav-item [slot=secondary] {\n    display: grid;\n    gap: var(--nano-spacing-xl);\n    grid-template: auto/repeat(auto-fit, minmax(200px, 1fr));\n  }\n  nano-global-nav.bar-menu > nano-nav-item [slot=secondary]:has(.gn__focus-area) {\n    grid-template: auto/1fr 1fr 26rem;\n  }\n  @media (width < 1200px) {\n    nano-global-nav.bar-menu > nano-nav-item [slot=secondary]:has(.gn__focus-area) {\n      grid-template-columns: 1fr 26rem;\n    }\n  }\n  @media (width < 830px) {\n    nano-global-nav.bar-menu > nano-nav-item [slot=secondary]:has(.gn__focus-area) {\n      grid-template-columns: 1fr;\n    }\n  }\n  nano-global-nav.bar-menu > nano-nav-item [slot=secondary] h1, nano-global-nav.bar-menu > nano-nav-item [slot=secondary] h2, nano-global-nav.bar-menu > nano-nav-item [slot=secondary] h3, nano-global-nav.bar-menu > nano-nav-item [slot=secondary] h4, nano-global-nav.bar-menu > nano-nav-item [slot=secondary] .gn__title {\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-md);\n    line-height: var(--nano-line-height-dense);\n    text-wrap: balance;\n    padding-block-end: 1rem;\n    border-block-end: 1px solid var(--nano-color-surface-neutral);\n  }\n  nano-global-nav.bar-menu > nano-nav-item [slot=secondary] a {\n    text-decoration: none;\n  }\n  nano-global-nav.bar-menu > nano-nav-item [slot=secondary] a:hover {\n    text-decoration: underline;\n  }\n  nano-global-nav.bar-menu > nano-nav-item [slot=secondary] ul {\n    margin: 0;\n    padding: 0;\n  }\n  nano-global-nav.bar-menu > nano-nav-item [slot=secondary] ul li {\n    margin-inline: 0;\n    list-style: none;\n    margin-block-end: var(--nano-spacing-sm);\n    line-height: var(--nano-line-height-dense);\n  }\n  nano-global-nav.bar-menu > nano-nav-item [slot=secondary] .gn__focus-area {\n    padding: var(--nano-spacing-xl) var(--nano-spacing-l);\n    display: flex;\n    flex-direction: column;\n    gap: var(--nano-spacing-sm);\n    background: var(--nano-color-background-default);\n    color: var(--nano-color-surface-contrast);\n  }\n  @media (width < 1200px) and (width > 830px) {\n    nano-global-nav.bar-menu > nano-nav-item [slot=secondary] .gn__focus-area {\n      grid-column: 2;\n      grid-row: 1/3;\n    }\n  }\n  nano-global-nav.bar-menu > nano-nav-item [slot=secondary] .gn__focus-area h1, nano-global-nav.bar-menu > nano-nav-item [slot=secondary] .gn__focus-area h2, nano-global-nav.bar-menu > nano-nav-item [slot=secondary] .gn__focus-area h3, nano-global-nav.bar-menu > nano-nav-item [slot=secondary] .gn__focus-area h4, nano-global-nav.bar-menu > nano-nav-item [slot=secondary] .gn__focus-area h5, nano-global-nav.bar-menu > nano-nav-item [slot=secondary] .gn__focus-area p {\n    margin: 0;\n    border: none;\n  }\n  nano-global-nav.bar-menu > nano-nav-item [slot=secondary] .gn__focus-area nano-content-links {\n    display: block;\n  }\n  nano-global-nav.bar-menu > nano-nav-item [slot=secondary] .gn__link-columns {\n    gap: var(--nano-spacing-xl);\n  }\n  nano-global-nav.bar-menu > nano-nav-item [slot=secondary] .gn__link-columns:has(> :nth-child(6)) {\n    columns: 2;\n  }\n  nano-global-nav.bar-menu > nano-nav-item [slot=secondary] .gn__link-columns > * {\n    display: block;\n    margin-block-end: var(--nano-spacing-sm);\n  }\n  nano-global-nav.overflow-menu nano-nav-item, nano-global-nav.overflow-menu > a {\n    color: var(--overflow-text-color);\n  }\n  nano-global-nav.overflow-menu nano-nav-item:hover, nano-global-nav.overflow-menu > a:hover {\n    color: var(--overflowhover-text-color);\n  }\n  nano-global-nav.overflow-menu nano-nav-item:active, nano-global-nav.overflow-menu > a:active {\n    color: var(--overflow-active-text-color);\n  }\n  nano-global-nav.overflow-menu a.active,\n  nano-global-nav.overflow-menu nano-nav-item.active,\n  nano-global-nav.overflow-menu nano-nav-item[selected] {\n    color: var(--overflow-active-text-color) !important;\n  }\n  nano-global-nav.overflow-menu nano-nav-item::part(modal) {\n    background-color: var(--overflow-bg-color);\n    inline-size: 100%;\n    block-size: 100%;\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n  }\n  nano-global-nav.overflow-menu nano-nav-item [slot=secondary] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nano-spacing-md);\n    padding-block-end: var(--nano-spacing-md);\n    color: var(--overflow-text-color);\n  }\n  nano-global-nav.overflow-menu nano-nav-item [slot=secondary] a {\n    text-decoration: none;\n    color: var(--nano-color-blue-cerulean-700);\n  }\n  nano-global-nav.overflow-menu nano-nav-item [slot=secondary] a:hover {\n    text-decoration: underline;\n  }\n  nano-global-nav.overflow-menu nano-nav-item [slot=secondary] h1, nano-global-nav.overflow-menu nano-nav-item [slot=secondary] h2, nano-global-nav.overflow-menu nano-nav-item [slot=secondary] h3, nano-global-nav.overflow-menu nano-nav-item [slot=secondary] h4, nano-global-nav.overflow-menu nano-nav-item [slot=secondary] .gn__title {\n    font-size: var(--nano-font-size-sm);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    margin-block-end: var(--nano-spacing-sm);\n  }\n  nano-global-nav.overflow-menu nano-nav-item [slot=secondary] ul {\n    margin: 0;\n    padding: 0;\n  }\n  nano-global-nav.overflow-menu nano-nav-item [slot=secondary] ul li {\n    margin-inline: 0;\n    list-style: none;\n    margin-block-end: var(--nano-spacing-sm);\n    line-height: var(--nano-line-height-dense);\n  }\n  nano-global-nav.overflow-menu nano-nav-item [slot=secondary] .gn__link-columns {\n    padding-inline-start: var(--nano-spacing-md);\n  }\n  nano-global-nav.overflow-menu nano-nav-item [slot=secondary] .gn__focus-area {\n    border-block-start: 1px solid rgb(var(--nano-color-base-rgb-1000)/10%);\n    padding-block-start: var(--nano-spacing-md);\n  }\n  nano-global-nav.overflow-menu [slot=close-button] {\n    color: var(--overflow-text-color);\n    padding-block: var(--nano-spacing-md);\n    display: flex;\n    gap: var(--nano-spacing-sm);\n    align-items: center;\n    cursor: pointer;\n    inline-size: 100%;\n  }\n  nano-global-nav.overflow-menu [slot=close-button]:hover {\n    color: var(--nano-color-blue-cerulean-700);\n  }\n  nano-global-nav.overflow-menu [slot=close-button]::before {\n    content: \"\";\n    margin-inline-start: 0;\n    background-size: cover;\n    inline-size: 1em;\n    block-size: 1em;\n    -webkit-mask-image: var(--nano-component-icon-chevron);\n            mask-image: var(--nano-component-icon-chevron);\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    rotate: 180deg;\n    background-color: var(--nano-color-blue-cerulean-700);\n  }\n}\n@layer components {\n  nano-avatar {\n    --size: 2.5rem;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    inline-size: var(--size);\n    min-inline-size: var(--size);\n    block-size: var(--size);\n    background-color: var(--nano-color-fill-neutral-weak);\n    font-size: calc(var(--size) * 0.5);\n    font-weight: var(--nano-font-weight-normal);\n    color: var(--nano-color-text-inverse);\n    -webkit-user-select: none;\n            user-select: none;\n    vertical-align: middle;\n    border-radius: var(--nano-border-radius-circle);\n    overflow: hidden;\n  }\n  nano-avatar:empty::before {\n    content: attr(initials);\n    text-transform: uppercase;\n    line-height: 1;\n  }\n  nano-avatar img {\n    aspect-ratio: var(--nano-image-ratio-square);\n    object-fit: cover;\n  }\n}\n.nano-in-page-nav {\n  --color-bottom-border: var(--nano-color-border-default);\n  --color-text: var(--nano-color-text-default);\n  --color-primary: var(--nano-color-text-primary);\n  --color-text-hover: var(--nano-color-text-hover);\n  --color-border-active: var(--nano-color-border-accent);\n  --border-active: 3px solid var(--color-border-active);\n  --color-bg: var(--nano-color-surface-brand-feature);\n  --font-size: var(--nano-font-size-small);\n  --font-weight: var(--nano-font-weight-normal);\n  --font-weight-active: var(--nano-font-weight-bold);\n  --line-height: var(--nano-line-height-dense);\n  --letter-spacing: var(--nano-letter-spacing-loose);\n  --flip-icon-ltr: 1;\n  --list-gap: calc(var(--spacing-l2) / 1.25);\n  --spacing-l2: var(--nano-spacing-l2);\n  --spacing-l3: var(--nano-spacing-l3);\n}\n.nano-in-page-nav:dir(rtl) {\n  --flip-icon-ltr: 0;\n}\n.nano-in-page-nav a,\n.nano-in-page-nav ul,\n.nano-in-page-nav li {\n  all: unset;\n}\n.nano-in-page-nav ul {\n  display: flex;\n  flex-direction: column;\n  list-style: none;\n}\n.nano-in-page-nav ul:not(ul ul) {\n  padding: 0 var(--spacing-l2) 0 var(--spacing-l2);\n}\n.nano-in-page-nav a {\n  cursor: pointer;\n}\n.nano-in-page-nav a:hover {\n  text-decoration: underline;\n}\n.nano-in-page-nav a:focus-visible {\n  outline: var(--nano-focus-ring);\n  outline-offset: var(--nano-focus-ring-offset);\n}\n.nano-in-page-nav ul > li:not(ul > li li) {\n  margin: 0;\n  padding: var(--spacing-l2) 0;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  justify-content: stretch;\n  inline-size: 100%;\n}\n.nano-in-page-nav ul > li:not(ul > li li):not(:last-of-type) {\n  border-block-end: 1px solid var(--color-bottom-border);\n}\n.nano-in-page-nav ul > li:not(ul > li li) span, .nano-in-page-nav ul > li:not(ul > li li) a {\n  color: var(--color-text);\n}\n.nano-in-page-nav ul > li:not(ul > li li) span.is-active, .nano-in-page-nav ul > li:not(ul > li li) a.is-active {\n  border-inline-start: var(--border-active);\n  padding-inline-start: 1rem;\n  display: block;\n}\n.nano-in-page-nav ul > li:not(ul > li li) span:hover, .nano-in-page-nav ul > li:not(ul > li li) a:hover {\n  color: var(--color-text-hover);\n}\n.nano-in-page-nav nano-details.is-active::part(header) {\n  border-inline-start: var(--border-active);\n  padding-inline-start: 1rem !important;\n  color: var(--color-primary);\n}\n.nano-in-page-nav ul > li > ul,\n.nano-in-page-nav ul > li > .nano-details ul {\n  padding: var(--list-gap) 0 0 var(--spacing-l2);\n  gap: var(--list-gap);\n}\n.nano-in-page-nav ul > li > ul a,\n.nano-in-page-nav ul > li > .nano-details ul a {\n  color: var(--color-primary) !important;\n}\n.nano-in-page-nav ul > li > ul > li > .nano-details > ul,\n.nano-in-page-nav ul > li > .nano-details ul > li > .nano-details ul {\n  padding: var(--list-gap) 0 0 var(--nano-spacing-xl);\n}\n.nano-in-page-nav .nano-details .nano-details:not(.nano-details .nano-details .nano-details) {\n  color: var(--color-text);\n}\n.nano-in-page-nav .nano-details {\n  --padding: 0;\n  --btn-bg-color: transparent;\n  --btn-bg-color--open: var(--nano-color-surface-brand-feature);\n  --btn-bg-color--hover: transparent;\n  border: none;\n  color: var(--color-primary);\n}\n.nano-in-page-nav .nano-details.is-active [part~=header],\n.nano-in-page-nav .nano-details .is-active::part(header) {\n  border-inline-start: var(--border-active);\n  padding-inline-start: 1rem !important;\n  color: var(--color-primary);\n}\n.nano-in-page-nav .nano-details[open] > [slot=icon-start] {\n  rotate: 90deg;\n}\n.nano-in-page-nav .nano-details::part(icon--start) {\n  margin-inline-end: var(--spacing-l3);\n}\n.nano-in-page-nav .nano-details [part~=header], .nano-in-page-nav .nano-details::part(header) {\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-weight: var(--font-weight);\n  letter-spacing: var(--letter-spacing);\n}\n.nano-in-page-nav .nano-details [part~=header]:hover, .nano-in-page-nav .nano-details::part(header):hover {\n  text-decoration: underline;\n}\n.nano-in-page-nav .nano-details:not(.nav-details) {\n  color: var(--color-primary);\n}\n.nano-in-page-nav.external-links {\n  --color-bg: var(--nano-color-background-default) !important;\n  --color-border-active: var(--nano-color-border-accent);\n}\n.nano-in-page-nav.external-links ul ul {\n  --border-active: 3px solid var(--nano-color-border-accent);\n}\n\n@layer components {\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) {\n    --color-bg: var(--nano-color-background-default);\n    --color-border: var(--nano-color-border-default);\n    --outer-spacing: var(--nano-spacing-l1-default);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h2 {\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-xl);\n    line-height: var(--nano-line-height-denser);\n    text-wrap: balance;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h2,\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h4 {\n    margin: 0;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h3,\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h4 {\n    font-size: var(--nano-font-size-sm);\n    line-height: var(--nano-line-height-normal);\n    font-weight: var(--nano-font-weight-bold);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h3 {\n    padding-block-end: var(--nano-spacing-md);\n    border-block-end: 1px solid var(--color-border);\n    margin-block: 0;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h4 {\n    font-weight: var(--nano-font-weight-normal);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) ul {\n    padding: 0;\n    margin: 0;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) ul[slot=content] {\n    list-style: none;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) ul[slot=content] > li {\n    margin: 0;\n    padding-block-start: var(--nano-spacing-md);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) [slot=label] {\n    display: flex;\n    align-items: center;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details {\n    --btn-bg-color: transparent;\n    --btn-bg-color--active: transparent;\n    --btn-bg-color--hover: transparent;\n    --padding: 0;\n    border: none;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(header), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~=header] {\n    color: var(--color-primary);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(label), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~=label], :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(content), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~=content] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--nano-spacing-l1-default);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(icon--end), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~=icon--end] {\n    display: none;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(content), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~=content] {\n    padding: var(--nano-spacing-md) 0;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(body), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~=body] {\n    border-block-end: 1px solid var(--color-border);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details ul {\n    list-style: disc;\n    padding-inline-start: var(--nano-spacing-md);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details ul li {\n    font-size: var(--nano-font-size-xs);\n  }\n}\n@layer components {\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) {\n    --padding: inherit;\n    display: block;\n    border-block-start: 1px solid var(--nano-color-border-default);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not(:has(+ nano-nav-item), :has(+ nano-dropdown), :has(+ nano-content-links)) {\n    border-block-end: 1px solid var(--nano-color-border-default);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(trigger) {\n    font-size: var(--nano-font-size-sm);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)[checkbox]::part(label)::before {\n    content: \"\";\n    display: inline-block;\n    vertical-align: middle;\n    background-size: cover;\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    inline-size: 0.8em;\n    block-size: 0.8em;\n    -webkit-mask-image: var(--nano-component-icon-check);\n            mask-image: var(--nano-component-icon-check);\n    background-color: var(--icon-color);\n    opacity: 0;\n    margin-inline-end: var(--nano-spacing-sm);\n    align-content: center;\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)[checkbox][selected]::part(label)::before {\n    opacity: 1;\n  }\n  :where(nano-menu, .nano-menu) a {\n    font-size: calc(var(--font-size) - 0.125rem);\n    color: var(--nano-color-text-link);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-icon, .nano-icon) {\n    color: var(--icon-color);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(trigger-wrapper) {\n    flex: 1;\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(trigger),\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [slot=close-button],\n  :where(nano-menu, .nano-menu) nano-content-links a {\n    --icon-color: var(--nano-color-text-link);\n    color: var(--nano-color-text-default);\n    font-size: var(--font-size);\n  }\n  :where(nano-menu, .nano-menu) a:hover:not(:focus-visible),\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not([disabled]) [slot=close-button]:hover:not(:focus-visible),\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not([disabled])::part(trigger):hover:not(:focus-visible) {\n    --icon-color: var(--nano-color-icon-hover);\n    color: var(--nano-color-text-default);\n    background-color: var(--nano-color-surface-subtle-hover);\n  }\n  :where(nano-menu, .nano-menu) a:active:not(:focus-visible),\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not([disabled]) [slot=close-button]:active:not(:focus-visible),\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not([disabled])::part(trigger):active:not(:focus-visible) {\n    --icon-color: var(--nano-color-icon-primary);\n    color: var(--nano-color-text-default);\n    background-color: var(--nano-color-surface-subtle);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [slot=close-button]:focus-visible,\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(trigger):focus-visible,\n  :where(nano-menu, .nano-menu) a:focus-visible {\n    --icon-color: var(--nano-color-icon-inverse);\n    outline: none;\n    background-color: var(--nano-color-fill-primary);\n    color: var(--nano-color-text-inverse);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [slot=close-button]:focus-visible:active,\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(trigger):focus-visible:active,\n  :where(nano-menu, .nano-menu) a:focus-visible:active {\n    background-color: var(--nano-color-text-primary);\n  }\n  :where(nano-menu, .nano-menu) nano-content-links a::after {\n    background-color: var(--icon-color);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-dropdown, .nano-dropdown) {\n    display: contents;\n  }\n  :where(nano-menu, .nano-menu) :where(nano-dropdown, .nano-dropdown) :where(nano-nav-item, .nano-nav-item) {\n    --padding: var(--nav-item-padding);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(modal) {\n    position: absolute;\n    min-block-size: 100%;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    inline-size: 100%;\n    z-index: 1;\n    opacity: 0;\n    transition: opacity var(--nano-transition-x-fast) ease, transform var(--nano-transition-fast) ease;\n    transform: translate3d(100%, 0, 0);\n    background: var(--background);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(modal modal--open) {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n    transition: opacity var(--nano-transition-x-fast) ease, transform var(--nano-transition-fast) ease;\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [slot=close-button] {\n    padding: var(--padding);\n    display: flex;\n    gap: var(--nano-spacing-md);\n    align-items: center;\n    cursor: pointer;\n    inline-size: 100%;\n    border-block-start: 1px solid var(--nano-color-border-default);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [slot=close-button]::before {\n    content: \"\";\n    margin-inline-start: 0;\n    background-size: cover;\n    inline-size: 1em;\n    block-size: 1em;\n    -webkit-mask-image: var(--nano-component-icon-caret);\n            mask-image: var(--nano-component-icon-caret);\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    rotate: 180deg;\n    background-color: var(--icon-color);\n  }\n}\n@layer components {\n  nano-icon-item {\n    --icon-dims: var(--nano-pictogram-size-large);\n    display: grid;\n    grid-template-columns: 1fr;\n    justify-items: center;\n    inline-size: 100%;\n    gap: var(--nano-spacing-md);\n  }\n  nano-icon-item[size=large] {\n    --icon-dims: var(--nano-pictogram-size-x-large);\n  }\n  nano-icon-item nano-icon, nano-icon-item .nano-icon {\n    --icon-size: var(--icon-dims) !important;\n  }\n  nano-icon-item a:not(p > a),\n  nano-icon-item [slot=heading] {\n    all: unset;\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-md);\n    line-height: var(--nano-line-height-dense);\n    text-wrap: balance;\n    color: var(--nano-color-text-default);\n    text-align: center;\n  }\n  nano-icon-item p[slot=content] {\n    all: unset;\n    font-size: var(--nano-font-size-sm);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    text-align: center;\n  }\n  nano-icon-item [slot=icon] {\n    color: var(--nano-color-icon-default);\n  }\n  nano-icon-item[landscape] {\n    justify-items: start;\n    grid-template-columns: min-content 1fr !important;\n    row-gap: var(--nano-spacing-sm);\n  }\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]) [slot=heading],\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]) p[slot=content], nano-icon-item[landscape]:has([slot=icon]):has([slot=content]) [slot=heading],\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=content]) p[slot=content] {\n    grid-row: 1;\n    align-self: center;\n  }\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) a,\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) [slot=heading] {\n    grid-row: 1;\n  }\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) p[slot=content] {\n    grid-row: 2;\n  }\n  nano-icon-item[landscape] nano-icon[slot=icon] {\n    grid-column: 1;\n  }\n  nano-icon-item[landscape] [slot=icon] {\n    grid-column: 1;\n    grid-row: 1/-1;\n  }\n  nano-icon-item[landscape] a,\n  nano-icon-item[landscape] [slot=heading] {\n    text-align: start;\n    align-self: center;\n    grid-row: 1;\n    grid-column: 2;\n  }\n  nano-icon-item[landscape] p[slot=content] {\n    text-align: start;\n    grid-row: 2;\n    grid-column: 2;\n  }\n  nano-icon-item a,\n  nano-icon-item a > [slot=heading] {\n    cursor: pointer;\n    text-decoration: underline;\n    color: var(--nano-color-text-link);\n  }\n  nano-icon-item a:hover {\n    color: var(--nano-color-text-hover);\n  }\n  nano-icon-item a:hover [slot=heading] {\n    color: var(--nano-color-text-hover);\n  }\n  nano-icon-item:has(a:hover) nano-icon {\n    color: var(--nano-color-text-hover);\n  }\n}\n@layer components {\n  :where(nano-tab-group, .nano-tab-group)[equal-tab-size] .nano-tab {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex: 1;\n  }\n  :where(nano-tab-group, .nano-tab-group)[placement=start][equal-tab-size] .nano-tab {\n    justify-content: flex-end;\n  }\n  :where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab {\n    border-block-end: none;\n    border-inline-end: var(--border);\n  }\n  :where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab::part(base),\n  :where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab [part~=base] {\n    justify-content: end;\n  }\n  :where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab::part(label),\n  :where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab [part~=label] {\n    align-items: flex-end;\n  }\n  :where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab:not([disabled]):hover {\n    border-color: inherit;\n  }\n  :where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab:not([disabled])[active] {\n    border-color: inherit;\n  }\n  :where(nano-tab-group, .nano-tab-group)[placement=top][size=large]::part(tabs__wrapper), :where(nano-tab-group, .nano-tab-group)[placement=top][size=large] [part~=tabs__wrapper] {\n    --scroll-btn-size: 2rem;\n  }\n  :where(nano-tab-group, .nano-tab-group)[placement=top][size=large] .nano-tab {\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-lg);\n    line-height: var(--nano-line-height-dense);\n    text-wrap: balance;\n    --padding: 1.5625rem;\n  }\n}\n@layer components {\n  :where(nano-tooltip, .nano-tooltip) [slot=content], :where(nano-tooltip, .nano-tooltip) [slot=content] * {\n    font-size: var(--nano-font-size-2xs);\n  }\n  :where(nano-tooltip, .nano-tooltip) ul[slot=content] {\n    margin-block: 0;\n    padding-inline: 0;\n    margin-inline: var(--nano-spacing-md);\n  }\n  :where(nano-tooltip, .nano-tooltip) [slot=content] li {\n    margin-block-end: 0;\n  }\n}\n@layer components {\n  :where(nano-table, .nano-table) {\n    --table-padding: var(--nano-spacing-md);\n    --table-compact-padding: var(--nano-spacing-sm) calc(var(--nano-spacing-md) - (var(--nano-spacing-md) / 3));\n    --table-border-color: var(--nano-color-border-default);\n    --table-border-color-header: var(--nano-color-border-default);\n    --table-background: var(--nano-color-background-default);\n    --table-wrapper-max-height: 80vh;\n    --table-width: 100%;\n    --isLtR: 1;\n    overflow-y: clip;\n    display: block;\n    container-type: inline-size;\n  }\n  :where(nano-table, .nano-table):dir(rtl) {\n    --isLtR: -1;\n  }\n  :where(nano-table, .nano-table)[compact]:not([compact=false], [compact=auto]) {\n    --table-padding: var(--table-compact-padding);\n  }\n  @media (width <= 500px) {\n    :where(nano-table, .nano-table)[compact=auto] {\n      --table-padding: var(--table-compact-padding);\n    }\n  }\n  @container (width <= 500px) {\n    :where(nano-table, .nano-table)[compact=auto] .nano-table__overflow {\n      --table-padding: var(--table-compact-padding);\n    }\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]) {\n    overflow-y: visible;\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]) .nano-masked-overflow {\n    --fade-size: 30px;\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]):has([sticky=start], [sticky=end]) .nano-masked-overflow {\n    --fade-size: 0;\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]):not(.nano-table--props-ready) {\n    overflow: auto;\n    scrollbar-width: thin;\n    max-inline-size: var(--table-width);\n    max-block-size: var(--table-wrapper-max-height);\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]) .nano-table__overflow-container {\n    inline-size: var(--table-width);\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]) .nano-table__overflow {\n    max-inline-size: var(--table-width);\n    max-block-size: var(--table-wrapper-max-height);\n    position: relative;\n    flex: 1;\n  }\n  :where(nano-table, .nano-table) tr[clickable] {\n    cursor: pointer;\n  }\n  :where(nano-table, .nano-table) tr[clickable]:not([sticky]) {\n    position: relative;\n  }\n  :where(nano-table, .nano-table) tr[clickable]:focus-within {\n    --table-background: var(--nano-color-fill-secondary-hover);\n  }\n  :where(nano-table, .nano-table) tr[clickable]:hover {\n    --table-background: var(--nano-color-surface-brand-feature);\n  }\n  :where(nano-table, .nano-table) tr[clickable] input[type=checkbox]::after,\n  :where(nano-table, .nano-table) tr[clickable] nano-checkbox::after,\n  :where(nano-table, .nano-table) tr[clickable] a::after,\n  :where(nano-table, .nano-table) tr[clickable] button::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n  }\n  :where(nano-table, .nano-table) tr[sticky] {\n    position: sticky;\n    container-type: scroll-state;\n    inset-block-start: var(--sticky-top, 0);\n  }\n  :where(nano-table, .nano-table) tfoot tr[sticky] {\n    inset-block-end: 0;\n  }\n  :where(nano-table, .nano-table) tfoot tr[sticky],\n  :where(nano-table, .nano-table) thead tr[sticky] {\n    z-index: var(--nano-z-index-menubar);\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] {\n    z-index: var(--nano-z-index-raised);\n    overflow-y: clip;\n  }\n  @container scroll-state(stuck: top) {\n    :where(nano-table, .nano-table) tbody tr[sticky] td, :where(nano-table, .nano-table) tbody tr[sticky] th {\n      border-block-end: 1px solid var(--table-border-color-header);\n    }\n  }\n  @supports not (container-type: scroll-state) {\n    :where(nano-table, .nano-table) tbody tr[sticky] td, :where(nano-table, .nano-table) tbody tr[sticky] th {\n      border-block-end: 1px solid var(--table-border-color-header);\n    }\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] td[sticky],\n  :where(nano-table, .nano-table) tbody tr[sticky] th[sticky] {\n    overflow-y: clip;\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] td[sticky]::after,\n  :where(nano-table, .nano-table) tbody tr[sticky] th[sticky]::after {\n    content: \"\";\n    visibility: hidden;\n    inline-size: 10px;\n    inset-block-start: 0;\n    block-size: var(--section-height);\n    position: absolute;\n  }\n  @container scroll-state(stuck: left) {\n    :where(nano-table, .nano-table) tbody tr[sticky] td[sticky]::after,\n    :where(nano-table, .nano-table) tbody tr[sticky] th[sticky]::after {\n      visibility: visible;\n    }\n  }\n  @container scroll-state(stuck: right) {\n    :where(nano-table, .nano-table) tbody tr[sticky] td[sticky]::after,\n    :where(nano-table, .nano-table) tbody tr[sticky] th[sticky]::after {\n      visibility: visible;\n    }\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] [sticky=start]::after {\n    inset-inline-end: 0;\n    box-shadow: calc(4px * var(--isLtR)) -3px 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%);\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] [sticky=end]::after {\n    inset-inline-start: 0;\n    box-shadow: calc(-4px * var(--isLtR)) -3px 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%);\n  }\n  @container (width <= 500px) {\n    :where(nano-table, .nano-table) .nano-table__overflow td[sticky], :where(nano-table, .nano-table) .nano-table__overflow th[sticky] {\n      --sticky-start: 0px !important;\n      --sticky-end: 0px !important;\n    }\n    :where(nano-table, .nano-table) .nano-table__overflow td[sticky]:not(:first-of-type), :where(nano-table, .nano-table) .nano-table__overflow th[sticky]:not(:first-of-type) {\n      position: initial !important;\n      z-index: initial !important;\n    }\n  }\n  @media (width <= 500px) {\n    :where(nano-table, .nano-table) td[sticky], :where(nano-table, .nano-table) th[sticky] {\n      --sticky-start: 0px !important;\n      --sticky-end: 0px !important;\n    }\n    :where(nano-table, .nano-table) td[sticky]:not(:first-of-type), :where(nano-table, .nano-table) th[sticky]:not(:first-of-type) {\n      position: initial !important;\n      z-index: initial !important;\n    }\n  }\n  :where(nano-table, .nano-table) :where(thead, tbody) td[sticky], :where(nano-table, .nano-table) th[sticky] {\n    position: sticky;\n    container-type: scroll-state;\n    z-index: var(--nano-z-index);\n  }\n  @supports not (container-type: scroll-state) {\n    :where(nano-table, .nano-table) :where(thead, tbody) td[sticky]::after, :where(nano-table, .nano-table) th[sticky]::after {\n      content: \"\";\n      position: absolute;\n      box-shadow: 14px 0 14px 0 var(--table-background);\n      inset-inline: auto 0;\n      block-size: calc(100% - var(--nano-spacing-md));\n      inset-block-start: calc(var(--nano-spacing-md) / 2);\n      inline-size: var(--nano-spacing-md);\n    }\n    :where(nano-table, .nano-table) :where(thead, tbody) td[sticky]:is([sticky=end])::after, :where(nano-table, .nano-table) th[sticky]:is([sticky=end])::after {\n      box-shadow: -14px 0 14px 0 var(--table-background);\n      inset-inline: 0 auto;\n    }\n  }\n  :where(nano-table, .nano-table) td[sticky=start], :where(nano-table, .nano-table) th[sticky=start] {\n    inset-inline-start: var(--sticky-start, 0);\n  }\n  :where(nano-table, .nano-table) td[sticky=end], :where(nano-table, .nano-table) th[sticky=end] {\n    inset-inline-end: var(--sticky-end, 0);\n    z-index: calc(var(--nano-z-index) + 1);\n  }\n  @supports (container-type: scroll-state) {\n    :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=start]::after, :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=end]::after {\n      content: \"\";\n      visibility: hidden;\n      inline-size: 10px;\n      inset-block-start: 0;\n      block-size: var(--section-height);\n      position: absolute;\n    }\n    @container scroll-state(stuck: left) {\n      :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=start]::after, :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=end]::after {\n        visibility: visible;\n      }\n    }\n    @container scroll-state(stuck: right) {\n      :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=start]::after, :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=end]::after {\n        visibility: visible;\n      }\n    }\n    :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=start]::after {\n      inset-inline-end: 0;\n      box-shadow: calc(4px * var(--isLtR)) 0 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%);\n    }\n    :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=end]::after {\n      inset-inline-start: 0;\n      box-shadow: calc(-4px * var(--isLtR)) 0 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%);\n    }\n  }\n}\n@layer components {\n  nano-feature-box {\n    --color: var(--nano-color-basic-white);\n    --bg: var(--nano-color-surface-special);\n    container-type: inline-size;\n    display: grid;\n    grid-template-columns: calc(50% - var(--nano-spacing-l1-default)) 1fr;\n    gap: 0;\n    background-color: var(--bg);\n    color: var(--color);\n    overflow: clip;\n    position: relative;\n    min-block-size: 270px;\n  }\n  nano-feature-box [slot] {\n    grid-column: 2;\n    grid-row: 1/-1;\n  }\n  nano-feature-box::before {\n    content: \"\";\n    display: block;\n    grid-column: 1;\n  }\n  nano-feature-box [slot=img] {\n    grid-column: 1;\n    object-fit: cover;\n    position: absolute;\n    inline-size: calc(50% - var(--nano-spacing-l1-default));\n    block-size: 101% !important;\n    inset-block-start: 50%;\n    transform: translateY(-50%);\n  }\n  @container (width < 650px) {\n    nano-feature-box::before {\n      display: none;\n    }\n    nano-feature-box [slot] {\n      grid-column: 1/-1 !important;\n      grid-row: 2;\n    }\n    nano-feature-box [slot=img] {\n      grid-row: 1;\n      grid-column: 1/-1 !important;\n      position: static;\n      transform: none;\n      inset-block-start: 0;\n      inline-size: 100%;\n      block-size: auto !important;\n      min-block-size: 0;\n    }\n  }\n  nano-feature-box[img-position=end] {\n    grid-template-columns: 1fr calc(50% - var(--nano-spacing-l1-default));\n  }\n  nano-feature-box[img-position=end] [slot] {\n    grid-column: 1;\n  }\n  nano-feature-box[img-position=end] [slot=img] {\n    grid-column: 2;\n    min-inline-size: -webkit-fill-available;\n    min-inline-size: -moz-available;\n    min-inline-size: stretch;\n  }\n  nano-feature-box[img-position=end]::before {\n    grid-column: 2;\n  }\n  nano-feature-box [slot=content] {\n    padding: var(--nano-spacing-l1-default);\n    display: flex;\n    flex-direction: column;\n    gap: var(--nano-spacing-sm);\n  }\n  nano-feature-box [slot=content] h1, nano-feature-box [slot=content] h2, nano-feature-box [slot=content] h3, nano-feature-box [slot=content] h4, nano-feature-box [slot=content] h5, nano-feature-box [slot=content] h6 {\n    text-wrap: balance;\n  }\n  nano-feature-box [slot=content] a {\n    color: var(--nano-color-blue-cerulean-700);\n  }\n  nano-feature-box [slot=content] > * {\n    margin-block: unset;\n    margin-block-start: unset;\n    margin-block-end: unset;\n  }\n}\n@layer components {\n  nano-menu-drawer:not(.secondary-open) nano-nav-item:hover::part(trigger) {\n    box-shadow: -3px 0 2px inset rgba(0, 0, 0, 0.15);\n  }\n  nano-menu-drawer > nano-nav-item {\n    --padding: var(--padding-top) var(--nano-spacing-md) var(--padding-bottom) var(--padding-start);\n    color-scheme: dark;\n  }\n  nano-menu-drawer > nano-nav-item:hover {\n    background-color: var(--bg-color-hover);\n  }\n  nano-menu-drawer > nano-nav-item:active, nano-menu-drawer > nano-nav-item[selected] {\n    background-color: var(--bg-color-selected);\n  }\n  nano-menu-drawer > nano-nav-item[open] {\n    background-color: var(--bg-color-open);\n  }\n  nano-menu-drawer > nano-nav-item::part(trigger), nano-menu-drawer > nano-nav-item [part~=trigger] {\n    gap: 1rem;\n    border-block-end: var(--divider-color) 1px solid;\n    white-space: nowrap;\n    min-inline-size: fit-content;\n  }\n  nano-menu-drawer > nano-nav-item::part(trigger):focus-visible, nano-menu-drawer > nano-nav-item [part~=trigger]:focus-visible {\n    outline: var(--nano-focus-ring);\n    outline-offset: -3px;\n  }\n  nano-menu-drawer > nano-nav-item::part(modal) {\n    position: absolute;\n    inset: calc(var(--global-nav-height) * -1) 0 0 100%;\n    z-index: -1;\n    block-size: 100vh;\n    inline-size: calc(100vw - (var(--menu-width) + var(--scrollbar-width, 0px)));\n  }\n  nano-menu-drawer > nano-nav-item::part(modal-content) {\n    inline-size: 400px;\n    background: var(--bg-color);\n    block-size: 100vh;\n    overflow: auto;\n    scrollbar-width: thin;\n    inset-inline-start: -400px;\n    position: absolute;\n    transition: inset-inline-start var(--nano-transition-fast) ease;\n    padding: calc(var(--global-nav-height) + var(--nano-spacing-md)) var(--nano-spacing-md) var(--nano-spacing-md);\n    box-shadow: var(--nano-shadow-ls);\n  }\n  nano-menu-drawer > nano-nav-item::part(modal-content modal-content--open) {\n    inset-inline-start: 0;\n  }\n  nano-menu-drawer > nano-nav-item::part(modal-mask) {\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n  }\n  nano-menu-drawer > nano-nav-item::part(close-button) {\n    display: flex;\n    justify-content: flex-end;\n    border-block-end: var(--divider-color) 1px solid;\n    padding-block-end: var(--nano-spacing-sm);\n    color: var(--nano-color-fill-primary);\n    text-decoration: underline;\n  }\n  nano-menu-drawer > nano-nav-item::part(close-button):hover {\n    color: var(--nano-color-fill-primary-hover);\n  }\n  nano-menu-drawer > nano-nav-item [slot=close-button] {\n    cursor: pointer;\n  }\n  nano-menu-drawer > nano-nav-item [slot=secondary] {\n    font-size: var(--nano-font-size-xs);\n    color: var(--content-color);\n  }\n  nano-menu-drawer > nano-nav-item nano-icon {\n    --icon-size: inherit;\n  }\n  nano-menu-drawer > nano-nav-item nano-icon[slot=icon-end] {\n    margin-inline-end: calc((var(--nano-spacing-md)) / 2 * -1);\n    color: var(--nano-color-fill-primary);\n    position: relative;\n  }\n  nano-menu-drawer > nano-nav-item [slot=icon-start] {\n    position: relative;\n  }\n  nano-menu-drawer > nano-nav-item [slot=icon-start] nano-badge {\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    translate: 100% -50%;\n  }\n  [slot=secondary] .md__list {\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    padding: 0;\n  }\n  [slot=secondary] .md__list > * {\n    all: unset;\n    border-block-end: var(--divider-color) 1px solid;\n    list-style: none;\n    margin: 0;\n    padding: var(--nano-spacing-sm) 0;\n    font-size: var(--nano-font-size-xs);\n    display: flex;\n    flex-direction: column;\n    gap: var(--nano-spacing-sm);\n  }\n  [slot=secondary] .md__list > *:is(button, a) {\n    cursor: pointer;\n    padding-inline: var(--nano-spacing-md);\n  }\n  [slot=secondary] .md__list > *:is(button, a):hover {\n    background-color: var(--bg-color-hover);\n  }\n  [slot=secondary] .md__list > *:is(button, a):active {\n    background-color: var(--bg-color-selected);\n  }\n  [slot=secondary] .md__list > *:is(button, a):focus-visible {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n  [slot=secondary] .md__list .md__list-head {\n    display: flex;\n    justify-content: space-between;\n    gap: inherit;\n    align-items: center;\n  }\n  [slot=secondary] .md__list .md__list-head :first-child {\n    flex: 1;\n  }\n}\nnano-increment input[type=number]::-webkit-inner-spin-button,\nnano-increment input[type=number]::-webkit-outer-spin-button, .nano-increment input[type=number]::-webkit-inner-spin-button,\n.nano-increment input[type=number]::-webkit-outer-spin-button {\n  appearance: none;\n  margin: 0;\n}\nnano-increment input[type=number], .nano-increment input[type=number] {\n  appearance: textfield;\n}\nnano-increment nano-input, .nano-increment nano-input {\n  display: grid;\n  grid-column: 1/span 3;\n  grid-row: 1/span 2;\n  grid-template-columns: subgrid;\n  grid-template-rows: subgrid;\n}\nnano-increment nano-input.has-focus, .nano-increment nano-input.has-focus {\n  z-index: 2;\n}\nnano-increment nano-input > div,\nnano-increment nano-input .form-ctrl,\nnano-increment nano-input .form-ctrl__wrapper, .nano-increment nano-input > div,\n.nano-increment nano-input .form-ctrl,\n.nano-increment nano-input .form-ctrl__wrapper {\n  display: grid;\n  grid-template-columns: subgrid;\n  grid-template-rows: subgrid;\n  grid-column: 1/span 3;\n  grid-row: 1/span 2;\n}\nnano-increment nano-input .form-ctrl__input, .nano-increment nano-input .form-ctrl__input {\n  grid-column: 2;\n  grid-row: 1;\n}\nnano-increment nano-input .form-ctrl__more, .nano-increment nano-input .form-ctrl__more {\n  grid-column: 1/span 3;\n  grid-row: 2;\n  justify-self: start;\n}\nnano-increment nano-input .form-ctrl__validation-icon, .nano-increment nano-input .form-ctrl__validation-icon {\n  display: none;\n}\n\n@layer components {\n  nano-option-box {\n    --spacing: var(--nano-spacing-md);\n    display: grid;\n    grid-template-columns: 200px auto;\n    grid-template-rows: auto auto 1fr auto;\n    gap: 0 var(--spacing);\n    align-items: start;\n    padding: var(--spacing);\n    box-shadow: var(--nano-shadow-l1);\n    container-type: inline-size;\n  }\n  nano-option-box [slot=header] {\n    grid-area: header;\n    font-size: var(--nano-font-size-lg);\n    display: flex;\n    justify-content: space-between;\n    padding-block-end: var(--spacing);\n    border-block-end: 2px solid var(--nano-color-border-accent);\n    flex-wrap: wrap;\n    grid-column: 1/-1;\n    grid-row: 1;\n    gap: 0 var(--spacing);\n    margin: unset;\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-lg);\n    line-height: var(--nano-line-height-dense);\n    text-wrap: balance;\n  }\n  nano-option-box [slot=header] > * {\n    margin: unset;\n    padding: unset;\n  }\n  nano-option-box [slot=img] {\n    align-self: start;\n    grid-area: img;\n    inline-size: 100%;\n    block-size: auto;\n    object-fit: cover;\n    grid-row: 2;\n    grid-column: 1;\n    padding-block-start: var(--spacing);\n  }\n  @container (width < 417px) {\n    nano-option-box [slot=img] {\n      grid-column: 1/-1;\n    }\n  }\n  nano-option-box [slot=content] {\n    align-self: start;\n    grid-area: content;\n    grid-row: 2;\n    grid-column: 2;\n    margin: unset;\n    padding: var(--spacing) 0 0 0;\n    font-size: var(--nano-font-size-sm);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  @container (width < 417px) {\n    nano-option-box [slot=content] {\n      grid-column: 1/-1;\n      grid-row: 3;\n    }\n  }\n  nano-option-box [slot=content] > * {\n    margin: unset;\n    padding: unset;\n  }\n  nano-option-box [slot=content]:not(.config-list, :has(.config-list)) {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nano-spacing-md);\n    padding-block-end: var(--spacing);\n  }\n  nano-option-box [slot=content] ul.config-list, nano-option-box [slot=content]:is(ul.config-list) {\n    align-self: start;\n    list-style: none;\n    display: grid;\n    grid-template-columns: min-content 1fr;\n  }\n  nano-option-box [slot=content] ul.config-list > li, nano-option-box [slot=content]:is(ul.config-list) > li {\n    font-size: var(--nano-font-size-sm);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    border-block-start: 1px solid var(--nano-color-border-default);\n    padding: var(--nano-spacing-sm) 0;\n    display: grid;\n    grid-template-columns: subgrid;\n    gap: 0 var(--nano-spacing-md);\n    grid-column: 1/-1;\n  }\n  nano-option-box [slot=content] ul.config-list > li:first-of-type, nano-option-box [slot=content]:is(ul.config-list) > li:first-of-type {\n    border-block-start: none;\n  }\n  nano-option-box [slot=content] ul.config-list > li strong, nano-option-box [slot=content]:is(ul.config-list) > li strong {\n    font-size: var(--nano-font-size-sm);\n    line-height: var(--nano-line-height-normal);\n    font-weight: var(--nano-font-weight-bold);\n  }\n  nano-option-box [slot=content] ul.config-list > li:has(span) strong, nano-option-box [slot=content]:is(ul.config-list) > li:has(span) strong {\n    grid-column: 1;\n    grid-row: 1/-1;\n  }\n  nano-option-box [slot=content] ul.config-list > li:not(:has(span)), nano-option-box [slot=content]:is(ul.config-list) > li:not(:has(span)) {\n    border-block-start: none;\n  }\n  nano-option-box [slot=content] ul.config-list > li:not(:has(span)) + li, nano-option-box [slot=content]:is(ul.config-list) > li:not(:has(span)) + li {\n    border-block-start: none;\n  }\n  nano-option-box [slot=content] ul.config-list > li:not(:has(span)) strong, nano-option-box [slot=content]:is(ul.config-list) > li:not(:has(span)) strong {\n    grid-column: 2;\n  }\n  nano-option-box [slot=content] ul.config-list > li *:not(strong), nano-option-box [slot=content]:is(ul.config-list) > li *:not(strong) {\n    grid-column: 2;\n  }\n  nano-option-box [slot=content] ul.config-list > li .meta, nano-option-box [slot=content]:is(ul.config-list) > li .meta {\n    font-size: var(--nano-font-size-2xs);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    color: var(--nano-color-text-neutral);\n  }\n  nano-option-box:not(:has([slot=img])) [slot=content] {\n    grid-column: 1/-1;\n  }\n  @container (width < 417px) {\n    nano-option-box:not(:has([slot=img])) [slot=content] {\n      grid-row: 2/span 2;\n    }\n  }\n  nano-option-box [slot=footer] {\n    grid-area: footer;\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    flex-wrap: wrap;\n    grid-column: 1/-1;\n    grid-row: 3/span 2;\n    margin: unset;\n    border-block-start: 1px solid var(--nano-color-border-default);\n    padding-block-start: var(--spacing);\n  }\n  @container (width < 417px) {\n    nano-option-box [slot=footer] {\n      grid-row: 4;\n    }\n  }\n  nano-option-box [slot=footer] > * {\n    margin: unset;\n    padding: unset;\n  }\n}\n@layer components {\n  nano-search-result {\n    display: contents;\n  }\n  nano-search-result article {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nano-spacing-sm);\n  }\n  nano-search-result *:focus-visible {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n  nano-search-result .search__highlight, nano-search-result .highlight {\n    background: var(--nano-color-highlight);\n    font-style: normal;\n  }\n  nano-search-result [slot],\n  nano-search-result [slot] > * {\n    padding: 0;\n    margin: 0;\n  }\n  nano-search-result [slot]:is(a),\n  nano-search-result [slot] > *:is(a) {\n    text-decoration: none;\n  }\n  nano-search-result [slot=title],\n  nano-search-result [slot=title] > :first-child {\n    font-size: var(--nano-font-size-sm);\n    line-height: var(--nano-line-height-normal);\n    font-weight: var(--nano-font-weight-bold);\n    order: 0;\n  }\n  nano-search-result a[slot=title],\n  nano-search-result a[slot=title] > *,\n  nano-search-result [slot=title] a {\n    color: var(--nano-color-text-link);\n    text-decoration: underline;\n  }\n  nano-search-result [slot=content],\n  nano-search-result [slot=content] > * {\n    font-size: var(--nano-font-size-xs);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    color: var(--nano-color-text-default);\n    order: 1;\n  }\n  nano-search-result [slot=meta],\n  nano-search-result [slot=meta] > * {\n    font-size: var(--nano-font-size-2xs);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  nano-search-result [slot=meta] > *:not(:last-child)::after {\n    content: \"|\";\n    color: var(--nano-color-text-placeholder);\n    display: inline-block;\n    padding-inline-start: var(--nano-spacing-md);\n  }\n  nano-search-result [slot=meta] {\n    order: 2;\n    display: inline-flex;\n    flex-wrap: wrap;\n    gap: var(--nano-spacing-xs) var(--nano-spacing-md);\n  }\n  nano-search-result [slot=tags] {\n    order: 3;\n    display: inline-flex;\n    flex-wrap: wrap;\n    align-items: start;\n    gap: var(--nano-spacing-sm);\n  }\n  nano-search-result [slot=tags]:is(ul, ol) {\n    list-style: none;\n  }\n  nano-search-result [slot=tags]:is(ul, ol) li {\n    display: contents;\n  }\n  nano-search-result [slot=tags] ul, nano-search-result [slot=tags] ol {\n    list-style: none;\n    display: contents;\n  }\n  nano-search-result [slot=tags] ul li, nano-search-result [slot=tags] ol li {\n    display: contents;\n  }\n}\n@layer components {\n  :root {\n    --nano-component-icon-chevron: url(\"data:image/svg+xml;charset=utf-8,<svg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'><g><path%20fill='white'%20d='M4.18457%2015.8496C4.06179%2015.7374%204.00044%2015.584%204.00044%2015.43C4.00044%2015.291%204.05065%2015.1521%204.15221%2015.0421L10.6195%208.00301L4.15207%200.959231C3.9378%200.727093%203.9512%200.364958%204.18443%200.151748C4.41655%20-0.0625328%204.77688%20-0.0480332%204.99114%200.183555L11.8477%207.61197C12.0508%207.83182%2012.0508%208.16767%2011.8477%208.38766L4.99114%2015.8161C4.77594%2016.046%204.41669%2016.0639%204.18457%2015.8496Z'/></g></svg>\");\n    --nano-component-icon-download: url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='white'%20d='M272%2016c0-8.8-7.2-16-16-16s-16%207.2-16%2016l0%20313.4L139.3%20228.7c-6.2-6.2-16.4-6.2-22.6%200s-6.2%2016.4%200%2022.6l128%20128c6.2%206.2%2016.4%206.2%2022.6%200l128-128c6.2-6.2%206.2-16.4%200-22.6s-16.4-6.2-22.6%200L272%20329.4%20272%2016zM140.1%20320L64%20320c-35.3%200-64%2028.7-64%2064l0%2064c0%2035.3%2028.7%2064%2064%2064l384%200c35.3%200%2064-28.7%2064-64l0-64c0-35.3-28.7-64-64-64l-76.1%200-32%2032L448%20352c17.7%200%2032%2014.3%2032%2032l0%2064c0%2017.7-14.3%2032-32%2032L64%20480c-17.7%200-32-14.3-32-32l0-64c0-17.7%2014.3-32%2032-32l108.1%200-32-32zM432%20416a24%2024%200%201%200%20-48%200%2024%2024%200%201%200%2048%200z'/></svg>\");\n    --nano-component-icon-open: url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='white'%20d='M336%200c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016l121.4%200L212.7%20276.7c-6.2%206.2-6.2%2016.4%200%2022.6s16.4%206.2%2022.6%200L480%2054.6%20480%20176c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16l0-160c0-8.8-7.2-16-16-16L336%200zM64%2032C28.7%2032%200%2060.7%200%2096L0%20448c0%2035.3%2028.7%2064%2064%2064l352%200c35.3%200%2064-28.7%2064-64l0-144c0-8.8-7.2-16-16-16s-16%207.2-16%2016l0%20144c0%2017.7-14.3%2032-32%2032L64%20480c-17.7%200-32-14.3-32-32L32%2096c0-17.7%2014.3-32%2032-32l144%200c8.8%200%2016-7.2%2016-16s-7.2-16-16-16L64%2032z'/></svg>\");\n    --nano-component-icon-check: url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'><path%20d='M443.3%20100.7c6.2%206.2%206.2%2016.4%200%2022.6l-272%20272c-6.2%206.2-16.4%206.2-22.6%200l-144-144c-6.2-6.2-6.2-16.4%200-22.6s16.4-6.2%2022.6%200L160%20361.4%20420.7%20100.7c6.2-6.2%2016.4-6.2%2022.6%200z'/></svg>\");\n    --nano-component-icon-caret: url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20256%20512'><path%20d='M246.6%20278.6c12.5-12.5%2012.5-32.8%200-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8%2016.6-19.8%2029.6l0%20256c0%2012.9%207.8%2024.6%2019.8%2029.6s25.7%202.2%2034.9-6.9l128-128z'/></svg>\");\n    --nano-component-icon-arrow: url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'><path%20d='M443.3%20267.3c6.2-6.2%206.2-16.4%200-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6%200s-6.2%2016.4%200%2022.6L393.4%20240%2016%20240c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016l377.4%200L244.7%20420.7c-6.2%206.2-6.2%2016.4%200%2022.6s16.4%206.2%2022.6%200l176-176z'/></svg>\");\n  }\n  nano-intersection-observe,\n  nano-resize-observe,\n  nano-global-search-results,\n  nano-cta,\n  nano-card,\n  nano-tag,\n  nano-content-links,\n  nano-badge,\n  nano-avatar,\n  nano-icon-item,\n  nano-option-box,\n  nano-table,\n  nano-feature-box,\n  nano-search-result {\n    visibility: visible !important;\n  }\n  body:not(.nano-eager) nano-algolia-filter,\n  body:not(.nano-eager) nano-algolia-input,\n  body:not(.nano-eager) nano-algolia-pagination,\n  body:not(.nano-eager) nano-algolia-results,\n  body:not(.nano-eager) nano-details,\n  body:not(.nano-eager) nano-accordion,\n  body:not(.nano-eager) nano-grid-item,\n  body:not(.nano-eager) nano-menu,\n  body:not(.nano-eager) nano-masked-overflow,\n  body:not(.nano-eager) nano-range,\n  body:not(.nano-eager) nano-rating,\n  body:not(.nano-eager) nano-slide,\n  body:not(.nano-eager) nano-slides,\n  body:not(.nano-eager) nano-date-input,\n  body:not(.nano-eager) nano-global-nav,\n  body:not(.nano-eager) nano-menu-drawer,\n  body:not(.nano-eager) nano-checkbox,\n  body:not(.nano-eager) nano-checkbox-group,\n  body:not(.nano-eager) nano-grid,\n  body:not(.nano-eager) nano-option,\n  body:not(.nano-eager) nano-algolia,\n  body:not(.nano-eager) nano-date-picker,\n  body:not(.nano-eager) nano-select,\n  body:not(.nano-eager) nano-dropdown,\n  body:not(.nano-eager) nano-nav-item,\n  body:not(.nano-eager) nano-input,\n  body:not(.nano-eager) nano-icon,\n  body:not(.nano-eager) nano-tab-content,\n  body:not(.nano-eager) nano-tab,\n  body:not(.nano-eager) nano-hero,\n  body:not(.nano-eager) nano-img,\n  body:not(.nano-eager) nano-datalist,\n  body:not(.nano-eager) nano-split-pane,\n  body:not(.nano-eager) nano-file-upload,\n  body:not(.nano-eager) nano-data-table,\n  body:not(.nano-eager) nano-alert,\n  body:not(.nano-eager) nano-dialog,\n  body:not(.nano-eager) nano-drawer,\n  body:not(.nano-eager) nano-footer,\n  body:not(.nano-eager) nano-in-page-nav,\n  body:not(.nano-eager) nano-collapsible-comparison,\n  body:not(.nano-eager) nano-breadcrumb,\n  body:not(.nano-eager) nano-more-less,\n  body:not(.nano-eager) nano-card-carousel {\n    visibility: hidden;\n  }\n  body:not(.nano-eager) .hydrated {\n    visibility: inherit;\n  }\n  body:not(.nano-eager) nano-card-carousel {\n    opacity: 0;\n  }\n  body:not(.nano-eager) nano-card-carousel.hydrated {\n    opacity: inherit;\n  }\n  nano-alert:not(.hydrated, [open]),\n  nano-dialog:not(.hydrated),\n  nano-drawer:not(.hydrated) {\n    display: none;\n  }\n  nano-alert[open]:not(.hydrated) {\n    display: block;\n    min-block-size: calc(var(--nano-pictogram-size-large) + var(--nano-spacing-md) * 2);\n  }\n  nano-tooltip:not(.hydrated) [slot=content] {\n    display: none;\n  }\n  nano-animation {\n    visibility: inherit !important;\n  }\n  nano-dropdown {\n    visibility: inherit !important;\n  }\n  nano-dropdown:not(.hydrated) :not([slot=trigger]) {\n    display: none;\n  }\n  nano-slides:not([ready]) {\n    opacity: 0;\n  }\n  nano-progress-bar {\n    --height: 0.625rem;\n  }\n  nano-progress-bar[size=small] {\n    --height: 0.3125rem;\n  }\n  nano-progress-bar[size=large] {\n    --height: 0.9375rem;\n  }\n  nano-progress-bar progress {\n    block-size: var(--height);\n  }\n  @supports (scrollbar-gutter: stable) {\n    .nano-scroll-lock {\n      scrollbar-gutter: var(--nano-scroll-lock-gutter) !important;\n    }\n    .nano-scroll-lock body {\n      overflow: hidden !important;\n    }\n  }\n  /** This can go away once Safari has scrollbar-gutter support. */\n  @supports not (scrollbar-gutter: stable) {\n    .nano-scroll-lock body {\n      padding-inline-end: var(--nano-scroll-lock-size) !important;\n      overflow: hidden !important;\n    }\n  }\n}";
+const globalStyles = ":host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }@layer components {\n  :where(nano-footer, .nano-footer) h1,\n  :where(nano-footer, .nano-footer) h2,\n  :where(nano-footer, .nano-footer) h3,\n  :where(nano-footer, .nano-footer) h4,\n  :where(nano-footer, .nano-footer) h5,\n  :where(nano-footer, .nano-footer) h6 {\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-medium);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-normal);\n    margin: var(--header-margin);\n  }\n  :where(nano-footer, .nano-footer) [slot=bottom-end] nano-option::part(start) {\n    margin-inline-end: var(--nano-spacing-sm);\n  }\n  :where(nano-footer, .nano-footer) [slot=middle-centre] a {\n    color: inherit;\n  }\n  :where(nano-footer, .nano-footer) [slot=middle-centre] a:hover {\n    color: var(--nano-color-text-link-hover);\n  }\n  :where(nano-footer, .nano-footer) [slot=middle-centre] a:focus-visible {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n  :where(nano-footer, .nano-footer) [slot=middle-centre] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--icon-gap-md);\n    flex-wrap: nowrap;\n  }\n  @container footer-container (max-width: 912px) {\n    :where(nano-footer, .nano-footer) [slot=middle-centre] {\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n  }\n}\n@layer components {\n  .nano-toast-stack {\n    position: fixed;\n    z-index: var(--nano-z-index-modal);\n    inline-size: 28rem;\n    max-inline-size: 100%;\n    max-block-size: 100%;\n  }\n  .nano-toast-stack--tr {\n    inset-block-start: 0;\n    inset-inline-end: 0;\n  }\n  .nano-toast-stack--tl {\n    inset-block-start: 0;\n    inset-inline-start: 0;\n  }\n  .nano-toast-stack--br {\n    inset-block-end: 0;\n    inset-inline-end: 0;\n  }\n  .nano-toast-stack--bl {\n    inset-block-end: 0;\n    inset-inline-start: 0;\n  }\n}\n@layer components {\n  .nano-sortable__placeholder {\n    opacity: 0;\n  }\n  .nano-sortable__dragged {\n    opacity: 0.6;\n    cursor: grabbing !important;\n    box-shadow: var(--nano-shadow-l2);\n    z-index: 1;\n    position: relative;\n  }\n  .nano-sortable__keyboard-handle {\n    background: var(--nano-color-background-default);\n  }\n  .nano-sortable__handle-dragged {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n}\n@layer components {\n  nano-cta {\n    --color: var(--nano-color-basic-white);\n    --bg: var(--nano-color-fill-primary);\n    --bg-hover: var(--nano-color-fill-primary-hover);\n    --bg-active: var(--nano-color-fill-primary-pressed);\n    --border: 1px solid var(--bg);\n    --icon-size: 1em;\n    --padding-v: 0.4375em;\n    --padding-h: 1.125em;\n    --spinner-size: 1em;\n    --font-size: var(--nano-font-size-small);\n    --line-height: var(--nano-line-height-normal);\n    --gap: var(--nano-spacing-sm);\n    --icon-display: none;\n    --loading-display: none;\n    --loading-opacity: 0;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 1;\n    display: contents;\n  }\n  nano-cta:has(.nano-internal-cta) {\n    display: inline-block;\n  }\n  nano-cta:dir(rtl) {\n    --flip-icon-ltr: 1;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta[group=balanced] {\n    display: inline-grid;\n    grid-auto-flow: column;\n    grid-auto-columns: 1fr;\n    gap: var(--gap);\n  }\n  nano-cta[group=balanced] a,\n  nano-cta[group=balanced] button {\n    justify-content: space-evenly;\n  }\n  nano-cta[group=stacked] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--gap);\n  }\n  nano-cta[secondary]:not([secondary=false]),\n  nano-cta :is([secondary]):not([secondary=false]) {\n    --color: var(--nano-color-text-link);\n    --bg: transparent;\n    --bg-hover: var(--nano-color-fill-secondary-hover);\n    --bg-active: var(--nano-color-fill-secondary-pressed);\n    --border: 1px solid var(--color);\n  }\n  nano-cta[theme=danger],\n  nano-cta :is([theme=danger]) {\n    --color: var(--nano-color-basic-white);\n    --bg: var(--nano-color-fill-danger);\n    --bg-hover: var(--nano-color-fill-danger-hover);\n    --bg-active: var(--nano-color-fill-danger-pressed);\n    --border: 1px solid var(--bg);\n  }\n  nano-cta[theme=danger][secondary]:not([secondary=false]),\n  nano-cta :is([theme=danger][secondary]):not([secondary=false]) {\n    --color: var(--nano-color-text-danger);\n    --bg: var(--nano-color-background-default);\n    --bg-hover: var(--nano-color-fill-danger-weak);\n    --bg-active: var(--nano-color-fill-danger-weak);\n    --border: 1px solid var(--color);\n  }\n  nano-cta[size=medium],\n  nano-cta :is([size=medium]) {\n    --font-size: var(--nano-font-size-xs);\n    --line-height: var(--nano-line-height-dense);\n    --gap: var(--nano-spacing-xs);\n  }\n  nano-cta[size=small],\n  nano-cta :is([size=small]) {\n    --font-size: var(--nano-font-size-2xs);\n    --line-height: var(--nano-line-height-denser);\n    --gap: var(--nano-spacing-xs);\n    --padding-h: 1em;\n    --padding-v: 0.5em;\n  }\n  nano-cta:is([loading], [loading=true]):not([loading=false]),\n  nano-cta :is([loading], [loading=true]):not([loading=false]) {\n    --text-color: transparent !important;\n    --loading-display: block;\n    --loading-opacity: 1;\n    --bg-hover: var(--bg);\n    --bg-active: var(--bg);\n    cursor: wait;\n  }\n  nano-cta:is([loading], [loading=true]):not([loading=false]) a,\n  nano-cta:is([loading], [loading=true]):not([loading=false]) button,\n  nano-cta :is([loading], [loading=true]):not([loading=false]) a,\n  nano-cta :is([loading], [loading=true]):not([loading=false]) button {\n    --text-color: transparent !important;\n    cursor: wait;\n  }\n  nano-cta :is([disabled], [disabled=true]):not([disabled=false]),\n  nano-cta a:not([href]) {\n    --color: var(--nano-color-text-disabled);\n    --text-color: var(--color);\n    --bg: var(--nano-color-fill-disabled);\n    --bg-hover: var(--bg);\n    --bg-active: var(--bg);\n    --border: 1px solid var(--color);\n    cursor: not-allowed;\n  }\n  nano-cta :is([disabled], [disabled=true]):not([disabled=false]) a,\n  nano-cta :is([disabled], [disabled=true]):not([disabled=false]) button,\n  nano-cta a:not([href]) a,\n  nano-cta a:not([href]) button {\n    cursor: not-allowed;\n  }\n  nano-cta :is(a, button, .button) {\n    --text-color: var(--color);\n    margin: 0;\n    appearance: none;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    white-space: nowrap;\n    vertical-align: middle;\n    background-color: var(--bg) !important;\n    color: var(--text-color) !important;\n    border-radius: var(--nano-border-radius-pill);\n    line-height: var(--line-height);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    font-size: var(--font-size);\n    padding: var(--padding-v) var(--padding-h);\n    gap: var(--nano-spacing-sm);\n    border: var(--border) !important;\n    transition: color var(--nano-transition-fast) ease;\n    text-decoration: none !important;\n  }\n  nano-cta :is(a, button, .button):focus-visible {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n  nano-cta :is(a, button, .button):hover {\n    background-color: var(--bg-hover) !important;\n  }\n  nano-cta :is(a, button, .button):active {\n    background-color: var(--bg-active) !important;\n  }\n  nano-cta :is(a, button, .button)::before {\n    content: \"\";\n    display: var(--loading-display);\n    opacity: var(--loading-opacity);\n    position: absolute;\n    padding: 2.5px;\n    aspect-ratio: 1;\n    border-radius: 50%;\n    inline-size: var(--spinner-size);\n    background: var(--color);\n    inset: calc(50% - var(--spinner-size) / 2);\n    -webkit-mask: conic-gradient(rgba(0, 0, 0, 0), #000), conic-gradient(#000 0 0) content-box;\n    -webkit-mask-composite: source-out;\n            -webkit-mask: conic-gradient(rgba(0, 0, 0, 0), #000), conic-gradient(#000 0 0) content-box;\n            -webkit-mask-composite: source-out;\n                    mask: conic-gradient(rgba(0, 0, 0, 0), #000) subtract, conic-gradient(#000 0 0) content-box;\n    animation: load 1s linear infinite;\n    transition: all var(--nano-transition-fast) ease;\n    transition-behavior: allow-discrete;\n  }\n  @keyframes load {\n    to {\n      rotate: 1turn;\n    }\n  }\n  nano-cta :is(a, button, .button)::after {\n    content: \"\";\n    display: var(--icon-display);\n    background-size: cover;\n    inline-size: var(--icon-size);\n    block-size: var(--icon-size);\n    background-color: var(--text-color);\n    -webkit-mask-image: var(--icon-svg);\n            mask-image: var(--icon-svg);\n    transition: color var(--nano-transition-fast) ease;\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    margin-inline-start: auto;\n    rotate: calc(180deg * var(--flip-icon-ltr));\n  }\n  nano-cta :is(a, button, .button) :where(nano-icon, .nano-icon),\n  nano-cta :is(a, button, .button) svg {\n    color: inherit;\n    inline-size: var(--icon-size);\n    margin: auto 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] a,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] button {\n    padding-inline-end: 0.8125em;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] a::after,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] button::after {\n    rotate: calc(180deg * var(--flip-icon-ltr));\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] a,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] button {\n    padding-inline-start: 0.8125em;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] a::after,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] button::after {\n    rotate: calc(180deg * var(--flip-icon-rtl));\n    order: -1;\n    margin-inline-start: unset;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=up] {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=up] a::after,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=up] button::after {\n    transform: rotate(270deg);\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=down] {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=down] a::after,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=down] button::after {\n    transform: rotate(90deg);\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=download] {\n    --icon-svg: var(--nano-component-icon-download);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=open] {\n    --icon-svg: var(--nano-component-icon-open);\n    --icon-size: .9em;\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg)):not([icon]) a[href]:not([href=\"\"], [icon], [href^=\"#\"]) {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n    padding-inline-end: 0.8125em;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg)):not([icon]) a[href]:not([href=\"\"], [icon], [href^=\"#\"])[target=_blank] {\n    --icon-svg: var(--nano-component-icon-open);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n    padding-inline-end: var(--padding-h);\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg)):not([icon]) a[href]:not([href=\"\"], [icon], [href^=\"#\"])[download], nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg)):not([icon]) a[href]:not([href=\"\"], [icon], [href^=\"#\"]):is([href$=\".txt\"], [href$=\".pdf\"], [href$=\".zip\"], [href$=\".doc\"], [href$=\".docx\"], [href$=\".xls\"], [href$=\".xlsx\"], [href$=\".ppt\"], [href$=\".pptx\"]) {\n    --icon-svg: var(--nano-component-icon-download);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n    padding-inline-end: var(--padding-h);\n  }\n}\n/** Typography */\n@layer components {\n  nano-card {\n    --color: currentColor;\n    --bg: transparent;\n    --gap: var(--nano-spacing-md);\n    --content-margin: 0;\n    --flip-icon-ltr: 0;\n    container-type: inline-size;\n    position: relative;\n    display: grid;\n    grid-template-columns: minmax(calc(197px - var(--gap)), 31%) auto;\n    grid-template-rows: repeat(calc(var(--row-count) - 1), min-content);\n    gap: var(--gap);\n    background-color: var(--bg);\n    color: var(--color);\n  }\n  nano-card:dir(rtl) {\n    --flip-icon-ltr: 1;\n  }\n  nano-card:has(> :last-child:nth-child(1), > article > :last-child:nth-child(1)) {\n    --row-count: 1;\n  }\n  nano-card:has(> :last-child:nth-child(2), > article > :last-child:nth-child(2)) {\n    --row-count: 2;\n  }\n  nano-card:has(> :last-child:nth-child(3), > article > :last-child:nth-child(3)) {\n    --row-count: 3;\n  }\n  nano-card:has(> :last-child:nth-child(4), > article > :last-child:nth-child(4)) {\n    --row-count: 4;\n  }\n  nano-card:has(> :last-child:nth-child(5), > article > :last-child:nth-child(5)) {\n    --row-count: 5;\n  }\n  nano-card:has(> :last-child:nth-child(6), > article > :last-child:nth-child(6)) {\n    --row-count: 6;\n  }\n  nano-card:has(> :last-child:nth-child(7), > article > :last-child:nth-child(7)) {\n    --row-count: 7;\n  }\n  nano-card * {\n    margin-block: unset;\n    margin-block-start: unset;\n    margin-block-end: unset;\n  }\n  nano-card > *:not([slot]) {\n    display: contents;\n  }\n  nano-card [slot] {\n    display: block;\n  }\n  nano-card [slot]:not([slot=img], [slot=category], ul) {\n    margin-inline: var(--content-margin);\n  }\n  nano-card [slot]:not([slot=img], [slot=category], ul):last-child {\n    margin-block-end: var(--content-margin);\n  }\n  nano-card:not(:has([slot=img])) [slot]:first-child {\n    margin-block-start: var(--content-margin);\n  }\n  nano-card [slot=img] {\n    order: 1;\n    inline-size: 100%;\n    max-inline-size: max-content;\n  }\n  nano-card div[slot=img] {\n    position: relative;\n    inline-size: fit-content;\n    block-size: fit-content;\n  }\n  nano-card [slot=category] {\n    position: absolute;\n    inset-block-end: 10px;\n    inset-inline-end: 10px;\n    background: var(--nano-color-background-default);\n  }\n  nano-card [slot=title] {\n    order: 2;\n  }\n  nano-card [slot=content] {\n    order: 3;\n  }\n  nano-card [slot=footer] {\n    order: 4;\n    display: inline-flex;\n    align-items: center;\n    gap: var(--gap);\n  }\n  nano-card [slot=footer]:has(nano-tag) {\n    flex-wrap: wrap;\n    gap: var(--nano-spacing-sm);\n  }\n  nano-card [slot=footer]:has(nano-tag):is(nano-more-less) > ul,\n  nano-card [slot=footer]:has(nano-tag) nano-more-less > ul {\n    display: contents;\n    list-style: none;\n  }\n  nano-card [slot=footer]:has(nano-tag):is(nano-more-less) > ul > li,\n  nano-card [slot=footer]:has(nano-tag) nano-more-less > ul > li {\n    display: contents;\n  }\n  nano-card nano-content-links {\n    --color-border: var(--nano-color-border-default);\n  }\n  nano-card address {\n    font-style: normal;\n  }\n  nano-card a[slot=title],\n  nano-card [slot=title] a {\n    color: var(--color);\n    text-decoration: none;\n  }\n  nano-card a[slot=title]:hover,\n  nano-card [slot=title] a:hover {\n    color: var(--nano-color-text-hover);\n    text-decoration: underline;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input), [disable-card-click]) a, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,\n  :has(a, nano-icon-button, input, nano-cta[loading])) a {\n    color: var(--color);\n    text-decoration: none;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input), [disable-card-click]):hover [slot=title], nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,\n  :has(a, nano-icon-button, input, nano-cta[loading])):hover [slot=title] {\n    color: var(--nano-color-text-hover);\n    text-decoration: underline;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input), [disable-card-click]):hover:has([slot=title] > * ~ *) [slot=title], nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,\n  :has(a, nano-icon-button, input, nano-cta[loading])):hover:has([slot=title] > * ~ *) [slot=title] {\n    color: var(--color);\n    text-decoration: none;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input), [disable-card-click]):hover:has([slot=title] > * ~ *) [slot=title] > :first-child, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,\n  :has(a, nano-icon-button, input, nano-cta[loading])):hover:has([slot=title] > * ~ *) [slot=title] > :first-child {\n    color: var(--nano-color-text-hover);\n    text-decoration: underline;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input), [disable-card-click]) button::before,\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input), [disable-card-click]) a::before, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,\n  :has(a, nano-icon-button, input, nano-cta[loading])) button::before,\n  nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,\n  :has(a, nano-icon-button, input, nano-cta[loading])) a::before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    inset: 0;\n    touch-action: manipulation;\n    cursor: pointer;\n    inline-size: 100%;\n    block-size: 100%;\n    animation: none;\n    border-radius: 0;\n    z-index: var(--enable-card-click);\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input), [disable-card-click]) nano-cta > *, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,\n  :has(a, nano-icon-button, input, nano-cta[loading])) nano-cta > * {\n    position: static;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input), [disable-card-click])[variant^=promo]:hover, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,\n  :has(a, nano-icon-button, input, nano-cta[loading]))[variant^=promo]:hover {\n    background-color: var(--bg-hover);\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input), [disable-card-click]) nano-tooltip > *, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,\n  :has(a, nano-icon-button, input, nano-cta[loading])) nano-tooltip > * {\n    position: relative;\n    z-index: 2;\n  }\n  nano-card:has(a[slot]):has([slot] a) {\n    --enable-card-click: -1;\n  }\n  nano-card:has([slot=content] a):has([slot=footer] a) {\n    --enable-card-click: -1;\n  }\n  nano-card[disable-card-click] {\n    --enable-card-click: -1;\n  }\n  nano-card:not([layout=landscape]) [slot] {\n    grid-column: 1/-1 !important;\n  }\n  nano-card[layout=landscape] [slot] {\n    grid-column: 2;\n  }\n  nano-card[layout=landscape] div:has([slot=img]),\n  nano-card[layout=landscape] [slot=img] {\n    grid-column: 1;\n    grid-row: 1/-1;\n  }\n  nano-card[layout=landscape]:has([slot=title], [slot=content], [slot=img]):not(nano-card[layout=landscape]:has([slot=footer])) {\n    grid-template-rows: min-content repeat(calc(var(--row-count) - 2), 1fr);\n  }\n  @container (width < 417px) {\n    nano-card[layout=landscape]:not([size=small]) [slot] {\n      grid-column: 1/-1 !important;\n    }\n    nano-card[layout=landscape]:not([size=small]) [slot=img] {\n      grid-column: 1/-1 !important;\n    }\n  }\n  @container (width < 320px) {\n    nano-card[layout=landscape][size=small] [slot] {\n      grid-column: 1/-1 !important;\n    }\n    nano-card[layout=landscape][size=small] [slot=img] {\n      grid-column: 1/-1 !important;\n    }\n  }\n  nano-card[variant=product] [slot=title] {\n    display: inline-flex;\n    gap: var(--gap);\n    align-items: center;\n    justify-content: space-between;\n  }\n  nano-card[variant=product] [slot=footer] {\n    justify-content: space-between;\n  }\n  nano-card [slot=title],\n  nano-card [slot=title] > :first-child {\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-lg);\n    line-height: var(--nano-line-height-dense);\n    text-wrap: balance;\n  }\n  nano-card [slot=content],\n  nano-card [slot=content] > * {\n    font-size: var(--nano-font-size-sm);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  nano-card[size=small] {\n    grid-template-columns: minmax(calc(60px - var(--gap)), 31%) auto;\n  }\n  nano-card[size=small] [slot=title],\n  nano-card[size=small] [slot=title] > :first-child {\n    font-size: var(--nano-font-size-sm);\n    line-height: var(--nano-line-height-normal);\n    font-weight: var(--nano-font-weight-bold);\n  }\n  nano-card[size=small] [slot=content],\n  nano-card[size=small] [slot=content] > * {\n    font-size: var(--nano-font-size-xs);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  nano-card[variant=product][size=small] {\n    --gap: var(--nano-spacing-sm);\n  }\n  nano-card[variant^=promo] {\n    --content-margin: var(--gap);\n    box-shadow: var(--nano-shadow-l1);\n  }\n  nano-card[variant^=promo] [slot=title],\n  nano-card[variant^=promo] [slot=title]:hover, nano-card[variant^=promo]:hover [slot=title] {\n    color: var(--color) !important;\n    text-decoration: none !important;\n  }\n  nano-card[variant^=promo] nano-cta > * {\n    inline-size: 100%;\n  }\n  nano-card[variant^=promo] [slot=title],\n  nano-card[variant^=promo] [slot=title] > :first-child {\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-md);\n    line-height: var(--nano-line-height-dense);\n    text-wrap: balance;\n  }\n  nano-card[variant^=promo] [slot=content],\n  nano-card[variant^=promo] [slot=content] > * {\n    font-size: var(--nano-font-size-xs);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  nano-card[variant^=promo]:not(:has(nano-cta)):has(a[slot=title]) a[slot=title] {\n    display: inline-flex;\n    gap: var(--gap);\n  }\n  nano-card[variant^=promo]:not(:has(nano-cta)):has(a[slot=title]) a[slot=title]::after {\n    content: \"\";\n    display: block;\n    background-size: cover;\n    inline-size: 1em;\n    background-color: var(--color);\n    -webkit-mask-image: var(--nano-component-icon-chevron);\n            mask-image: var(--nano-component-icon-chevron);\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    margin-inline-start: auto;\n    rotate: calc(180deg * var(--flip-icon-ltr));\n  }\n  nano-card[variant=promo-aero] {\n    --bg: var(--nano-color-surface-brand-feature);\n    --bg-hover: var(--nano-color-surface-brand-feature-hover);\n    --color: var(--nano-color-text-default);\n  }\n  nano-card[variant=promo-plain] {\n    --bg: var(--nano-color-surface-default);\n    --bg-hover: var(--nano-color-surface-default-hover);\n    --color: var(--nano-color-text-default);\n  }\n  nano-card[variant=promo-grey] {\n    --bg: var(--nano-color-surface-subtle);\n    --bg-hover: var(--nano-color-surface-subtle-hover);\n    --color: var(--nano-color-text-default);\n  }\n  nano-card[variant=promo-grey]:hover [slot=title] {\n    color: var(--nano-color-text-hover);\n  }\n  nano-card[variant=promo-grey] nano-cta {\n    --color: var(--nano-color-text-link);\n    --bg: var(--nano-color-surface-subtle);\n    --bg-hover: var(--nano-color-surface-subtle-hover);\n    --bg-active: var(--nano-color-surface-subtle-pressed);\n    --border: 1px solid var(--color);\n  }\n}\n@layer components {\n  nano-tag {\n    --background: var(--nano-color-surface-default);\n    --color: var(--nano-color-text-link);\n    --stroke: var(--nano-color-border-accent);\n    --color-non-interactive: var(--nano-color-text-default);\n    --padding: 0.125rem 0.375rem;\n    --font-size: 0.625rem;\n    --line-height: var(--nano-line-height-denser);\n    --letter-spacing: var(--nano-letter-spacing-denser);\n    --bg-color-hover: var(--nano-color-fill-secondary-hover);\n    --bg-color-active: var(--nano-color-fill-secondary-pressed);\n    display: inline-block;\n    block-size: fit-content;\n    inline-size: fit-content;\n    padding: var(--padding);\n    font-size: var(--font-size);\n    font-family: var(--font-family);\n    font-weight: var(--nano-font-weight-bold);\n    line-height: var(--line-height);\n    letter-spacing: var(--letter-spacing);\n    word-wrap: break-word;\n    text-align: center;\n    cursor: default;\n    color: var(--color-non-interactive);\n    background: var(--background);\n    border: 1px solid var(--color-non-interactive);\n  }\n  nano-tag[size=large] {\n    --padding: 0.25rem 0.5rem;\n    --font-size: var(--nano-font-size-2xs);\n    --letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  nano-tag[closable] {\n    display: flex;\n    gap: 0.25rem;\n    justify-content: space-between;\n    align-items: center;\n    padding: var(--padding);\n  }\n  nano-tag[closable] nano-icon-button {\n    --padding: 0 !important;\n  }\n  nano-tag[closable][size=large] {\n    gap: 0.375rem;\n  }\n  nano-tag[closable]:not(:has(nano-icon-button, .nano-icon-button))::after {\n    content: \"\";\n    display: block;\n    min-inline-size: 0.625rem;\n  }\n  nano-tag:has(a), nano-tag:has(button) {\n    padding: 0;\n  }\n  nano-tag:has(a), nano-tag:has(button), nano-tag[closable] {\n    color: var(--color);\n    border-color: var(--stroke);\n    background: var(--background);\n  }\n  nano-tag:has(a:hover), nano-tag:has(button:hover) {\n    cursor: pointer;\n    background: var(--bg-color-hover);\n  }\n  nano-tag:has(a:active), nano-tag:has(button:active), nano-tag[selected] {\n    background: var(--bg-color-active);\n  }\n  nano-tag:has(a:focus-visible, button:focus-visible) {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n  nano-tag > a, nano-tag > button {\n    all: unset;\n    display: block;\n    padding: var(--padding) !important;\n  }\n  nano-tag > a:hover, nano-tag > button:hover {\n    text-decoration: none;\n  }\n}\n@layer components {\n  :where(nano-content-links, .nano-content-links) {\n    --text-color: var(--nano-color-text-default);\n    --color-disabled: var(--nano-color-text-disabled);\n    --color-border: var(--nano-color-border-default);\n    --color-active: var(--nano-color-fill-primary);\n    --padding: var(--nano-spacing-sm);\n    --icon-size: 1em;\n    --icon-color: var(--nano-color-icon-primary);\n    display: contents;\n    color: var(--text-color);\n    font-size: var(--nano-font-size-sm);\n    font-weight: var(--nano-font-weight-normal);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    word-wrap: break-word;\n  }\n  :where(nano-content-links, .nano-content-links) > * {\n    all: unset;\n    inline-size: -webkit-fill-available;\n    inline-size: -moz-available;\n    inline-size: stretch;\n    block-size: fit-content;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: var(--padding);\n    gap: var(--nano-spacing-md);\n    border-block-start: 1px solid var(--color-border);\n    border-block-end: 1px solid var(--color-border);\n    text-decoration: none !important;\n  }\n  :where(nano-content-links, .nano-content-links) > *::after {\n    content: \"\";\n    background-size: cover;\n    inline-size: var(--icon-size);\n    block-size: var(--icon-size);\n    -webkit-mask-image: var(--nano-component-icon-chevron);\n            mask-image: var(--nano-component-icon-chevron);\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    margin-inline-start: auto;\n    min-inline-size: var(--icon-size);\n  }\n  :where(nano-content-links, .nano-content-links) > *:not(a) {\n    pointer-events: none;\n    cursor: default;\n    color: var(--color-disabled);\n    border-block-start: 1px solid var(--color-border);\n    border-block-end: 1px solid var(--color-border);\n  }\n  :where(nano-content-links, .nano-content-links) > *:not(a)::after {\n    background-color: var(--color-disabled);\n  }\n  :where(nano-content-links, .nano-content-links) > * + * {\n    border-block-start: none !important;\n  }\n  :where(nano-content-links, .nano-content-links) a {\n    pointer-events: auto;\n    cursor: pointer;\n    color: var(--text-color);\n  }\n  :where(nano-content-links, .nano-content-links) a::after {\n    background-color: var(--icon-color);\n  }\n  :where(nano-content-links, .nano-content-links) a[target=_blank]::after {\n    -webkit-mask-image: var(--nano-component-icon-open);\n            mask-image: var(--nano-component-icon-open);\n  }\n  :where(nano-content-links, .nano-content-links) a:hover, :where(nano-content-links, .nano-content-links) a:active {\n    --icon-color: var(--color-active);\n    color: var(--color-active);\n    -webkit-text-decoration: underline solid;\n            text-decoration: underline solid;\n  }\n  :where(nano-content-links, .nano-content-links) a:focus-visible {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n}\n@layer components {\n  nano-badge {\n    font-size: var(--nano-font-size-2xs);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    background: var(--bg);\n    color: var(--color);\n    border-radius: var(--nano-border-radius-pill);\n    padding: 0.15em 0.65em !important;\n    display: inline-block;\n    max-block-size: fit-content;\n    --color: lch(from var(--bg) calc((50 - l) * infinity) 0 0);\n  }\n  nano-badge:empty {\n    padding: 0 !important;\n    block-size: 0.5em;\n    inline-size: 0.5em;\n    min-block-size: 0.5em;\n  }\n  nano-badge a, nano-badge button {\n    all: unset;\n    color: inherit;\n    border-radius: inherit;\n    cursor: pointer;\n  }\n  nano-badge a:is(a), nano-badge button:is(a) {\n    text-decoration: underline;\n  }\n  nano-badge a::after, nano-badge button::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    inline-size: 100%;\n    block-size: 100%;\n    border-radius: inherit;\n    background-color: transparent;\n  }\n  nano-badge a:focus-visible, nano-badge button:focus-visible {\n    outline: none;\n  }\n  nano-badge a:focus-visible::after, nano-badge button:focus-visible::after {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n  nano-badge:has(a, button) {\n    position: relative;\n  }\n  nano-badge:has(a, button):hover {\n    background-color: color-mix(in srgb, var(--bg), black 10%);\n  }\n  nano-badge:has(a, button):active {\n    background-color: color-mix(in srgb, var(--bg), black 20%);\n  }\n  nano-badge:not([theme]), nano-badge[theme=primary] {\n    --bg: var(--nano-color-fill-primary);\n  }\n  nano-badge[theme=neutral] {\n    --bg: var(--nano-color-fill-neutral);\n  }\n  nano-badge[theme=success] {\n    --bg: var(--nano-color-fill-success);\n  }\n  nano-badge[theme=warning] {\n    --bg: var(--nano-color-fill-warning);\n  }\n  nano-badge[theme=danger] {\n    --bg: var(--nano-color-fill-danger-hover);\n  }\n  nano-badge[pulse]:not([pulse=false]) {\n    animation: pulse-animation 2s infinite;\n  }\n  @keyframes pulse-animation {\n    0% {\n      box-shadow: 0 0 0 0 rgb(var(--nano-color-base-rgb-1000)/20%);\n    }\n    100% {\n      box-shadow: 0 0 0 1em rgb(var(--nano-color-base-rgb-1000)/0%);\n    }\n  }\n}\n@layer components {\n  :where(nano-card-carousel, .nano-card-carousel) > [slot=title] {\n    all: unset;\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-xl);\n    line-height: var(--nano-line-height-denser);\n    text-wrap: balance;\n    line-height: 1;\n  }\n  nano-card-carousel nano-card [slot] {\n    opacity: var(--text-opacity);\n  }\n  nano-card-carousel nano-card [slot=img] {\n    opacity: 1;\n  }\n}\n@layer components {\n  .nano-theme-dark nano-global-nav::part(logo),\n  .nano-theme-dark nano-global-nav [part~=logo],\n  nano-global-nav.nano-theme-dark::part(logo),\n  nano-global-nav.nano-theme-dark [part~=logo] {\n    filter: invert(100%);\n  }\n  nano-global-nav > a,\n  nano-global-nav nano-nav-item::part(label),\n  nano-global-nav nano-nav-item [part~=label] {\n    white-space: nowrap;\n  }\n  nano-global-nav nano-nav-item [slot=icon-start] {\n    position: relative;\n  }\n  nano-global-nav nano-nav-item [slot=icon-start] nano-badge {\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    translate: 100% -50%;\n  }\n  nano-global-nav:has(nano-menu-drawer)::part(site-wrapper),\n  nano-global-nav:has(nano-menu-drawer) [part~=site-wrapper] {\n    display: flex;\n  }\n  nano-global-nav.bar-menu::before {\n    content: \"\";\n    position: fixed;\n    inset: 0;\n    background: var(--nano-overlay-background-color);\n    z-index: var(--nano-z-index-menubar);\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity var(--nano-transition-fast) ease var(--nano-transition-fast);\n  }\n  nano-global-nav.bar-menu:has(nano-nav-item[open])::before {\n    opacity: 1;\n    transition: opacity var(--nano-transition-fast) ease;\n  }\n  nano-global-nav.bar-menu > nano-nav-item,\n  nano-global-nav.bar-menu > a {\n    color: var(--main-menu-text-color);\n  }\n  nano-global-nav.bar-menu > nano-nav-item {\n    align-self: stretch;\n    display: flex;\n    align-items: center;\n    margin-block: calc(-1 * var(--nano-spacing-md));\n    padding-block: var(--nano-spacing-md);\n  }\n  nano-global-nav.bar-menu > nano-nav-item:hover,\n  nano-global-nav.bar-menu > a:hover {\n    color: var(--main-menu-hover-text-color);\n  }\n  nano-global-nav.bar-menu > nano-nav-item:active,\n  nano-global-nav.bar-menu > a:active {\n    color: var(--main-menu-active-text-color);\n  }\n  nano-global-nav.bar-menu > nano-nav-item::part(trigger),\n  nano-global-nav.bar-menu > nano-nav-item [part~=trigger] {\n    position: relative;\n  }\n  nano-global-nav.bar-menu > nano-nav-item::part(trigger)::before,\n  nano-global-nav.bar-menu > nano-nav-item [part~=trigger]::before {\n    content: \"\";\n    position: absolute;\n    background-color: var(--main-menu-active-border-color);\n    block-size: 4px;\n    inset-inline: 0;\n    inset-block-end: -1.5625rem;\n    transform: translateZ(0) scaleX(0);\n    transform-origin: 0 center;\n    transition: transform var(--nano-transition-x-fast) ease-in-out;\n  }\n  nano-global-nav.bar-menu > nano-nav-item[open] {\n    color: var(--main-menu-active-border-color) !important;\n  }\n  nano-global-nav.bar-menu > nano-nav-item[open]::part(trigger)::before, nano-global-nav.bar-menu > nano-nav-item[open] [part~=trigger]::before {\n    transform: translateZ(0) scaleX(1);\n  }\n  nano-global-nav.bar-menu > a.active,\n  nano-global-nav.bar-menu > nano-nav-item.active,\n  nano-global-nav.bar-menu > nano-nav-item[selected] {\n    color: var(--main-menu-active-text-color) !important;\n  }\n  nano-global-nav.bar-menu > nano-nav-item::part(modal) {\n    inset-block-start: -500%;\n    inline-size: 100%;\n    position: absolute;\n    z-index: -2;\n    inset-inline: 0;\n    transition: inset-block-start var(--nano-transition-fast) ease-in-out, opacity var(--nano-transition-x-fast) ease;\n  }\n  nano-global-nav.bar-menu > nano-nav-item::part(modal modal--open) {\n    inset-block-start: 100%;\n  }\n  nano-global-nav.bar-menu > nano-nav-item::part(modal-content) {\n    background: var(--nano-color-background-default);\n    color: var(--nano-color-surface-contrast);\n    padding: var(--nano-spacing-xl);\n    inline-size: 91.25rem;\n    max-inline-size: 100%;\n    margin: auto;\n    box-shadow: var(--nano-shadow-l2);\n  }\n  nano-global-nav.bar-menu > nano-nav-item::part(modal-mask),\n  nano-global-nav.bar-menu > nano-nav-item [part~=modal-mask] {\n    display: none;\n  }\n  nano-global-nav.bar-menu > nano-nav-item [slot=close-button] {\n    display: none;\n  }\n  nano-global-nav.bar-menu > nano-nav-item [slot=secondary] nano-accordion,\n  nano-global-nav.bar-menu > nano-nav-item [slot=secondary] nano-details {\n    display: none;\n  }\n  nano-global-nav.overflow-menu nano-nav-item, nano-global-nav.overflow-menu > a {\n    color: var(--overflow-text-color);\n  }\n  nano-global-nav.overflow-menu nano-nav-item:hover, nano-global-nav.overflow-menu > a:hover {\n    color: var(--overflowhover-text-color);\n  }\n  nano-global-nav.overflow-menu nano-nav-item:active, nano-global-nav.overflow-menu > a:active {\n    color: var(--overflow-active-text-color);\n  }\n  nano-global-nav.overflow-menu a.active,\n  nano-global-nav.overflow-menu nano-nav-item.active,\n  nano-global-nav.overflow-menu nano-nav-item[selected] {\n    color: var(--overflow-active-text-color) !important;\n  }\n  nano-global-nav.overflow-menu nano-nav-item::part(modal) {\n    background-color: var(--overflow-bg-color);\n    inline-size: 100%;\n    block-size: 100%;\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n  }\n  nano-global-nav.overflow-menu nano-nav-item [slot=secondary] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nano-spacing-md);\n    padding-block-end: var(--nano-spacing-md);\n    color: var(--overflow-text-color);\n  }\n  nano-global-nav.overflow-menu nano-nav-item [slot=secondary] > div {\n    display: none;\n  }\n  nano-global-nav.overflow-menu nano-nav-item [slot=secondary] nano-accordion,\n  nano-global-nav.overflow-menu nano-nav-item [slot=secondary] nano-details {\n    display: block;\n  }\n  nano-global-nav.overflow-menu [slot=close-button] {\n    color: var(--overflow-text-color);\n    padding-block: var(--nano-spacing-md);\n    display: flex;\n    gap: var(--nano-spacing-sm);\n    align-items: center;\n    cursor: pointer;\n    inline-size: 100%;\n  }\n  nano-global-nav.overflow-menu [slot=close-button]:hover {\n    color: var(--nano-color-blue-cerulean-700);\n  }\n  nano-global-nav.overflow-menu [slot=close-button]::before {\n    content: \"\";\n    margin-inline-start: 0;\n    background-size: cover;\n    inline-size: 1em;\n    block-size: 1em;\n    -webkit-mask-image: var(--nano-component-icon-chevron);\n            mask-image: var(--nano-component-icon-chevron);\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    rotate: 180deg;\n    background-color: var(--nano-color-blue-cerulean-700);\n  }\n}\n@layer components {\n  nano-avatar {\n    --size: 2.5rem;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    inline-size: var(--size);\n    min-inline-size: var(--size);\n    block-size: var(--size);\n    background-color: var(--nano-color-fill-neutral-weak);\n    font-size: calc(var(--size) * 0.5);\n    font-weight: var(--nano-font-weight-normal);\n    color: var(--nano-color-text-inverse);\n    -webkit-user-select: none;\n            user-select: none;\n    vertical-align: middle;\n    border-radius: var(--nano-border-radius-circle);\n    overflow: hidden;\n  }\n  nano-avatar:empty::before {\n    content: attr(initials);\n    text-transform: uppercase;\n    line-height: 1;\n  }\n  nano-avatar img {\n    aspect-ratio: var(--nano-image-ratio-square);\n    object-fit: cover;\n  }\n}\n.nano-in-page-nav {\n  --color-bottom-border: var(--nano-color-border-default);\n  --color-text: var(--nano-color-text-default);\n  --color-primary: var(--nano-color-text-primary);\n  --color-text-hover: var(--nano-color-text-hover);\n  --color-border-active: var(--nano-color-border-accent);\n  --border-active: 3px solid var(--color-border-active);\n  --color-bg: var(--nano-color-surface-brand-feature);\n  --font-size: var(--nano-font-size-small);\n  --font-weight: var(--nano-font-weight-normal);\n  --font-weight-active: var(--nano-font-weight-bold);\n  --line-height: var(--nano-line-height-dense);\n  --letter-spacing: var(--nano-letter-spacing-loose);\n  --flip-icon-ltr: 1;\n  --list-gap: calc(var(--spacing-l2) / 1.25);\n  --spacing-l2: var(--nano-spacing-l2);\n  --spacing-l3: var(--nano-spacing-l3);\n}\n.nano-in-page-nav:dir(rtl) {\n  --flip-icon-ltr: 0;\n}\n.nano-in-page-nav a,\n.nano-in-page-nav ul,\n.nano-in-page-nav li {\n  all: unset;\n}\n.nano-in-page-nav ul {\n  display: flex;\n  flex-direction: column;\n  list-style: none;\n}\n.nano-in-page-nav ul:not(ul ul) {\n  padding: 0 var(--spacing-l2) 0 var(--spacing-l2);\n}\n.nano-in-page-nav a {\n  cursor: pointer;\n}\n.nano-in-page-nav a:hover {\n  text-decoration: underline;\n}\n.nano-in-page-nav a:focus-visible {\n  outline: var(--nano-focus-ring);\n  outline-offset: var(--nano-focus-ring-offset);\n}\n.nano-in-page-nav ul > li:not(ul > li li) {\n  margin: 0;\n  padding: var(--spacing-l2) 0;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  justify-content: stretch;\n  inline-size: 100%;\n}\n.nano-in-page-nav ul > li:not(ul > li li):not(:last-of-type) {\n  border-block-end: 1px solid var(--color-bottom-border);\n}\n.nano-in-page-nav ul > li:not(ul > li li) span, .nano-in-page-nav ul > li:not(ul > li li) a {\n  color: var(--color-text);\n}\n.nano-in-page-nav ul > li:not(ul > li li) span.is-active, .nano-in-page-nav ul > li:not(ul > li li) a.is-active {\n  border-inline-start: var(--border-active);\n  padding-inline-start: 1rem;\n  display: block;\n}\n.nano-in-page-nav ul > li:not(ul > li li) span:hover, .nano-in-page-nav ul > li:not(ul > li li) a:hover {\n  color: var(--color-text-hover);\n}\n.nano-in-page-nav nano-details.is-active::part(header) {\n  border-inline-start: var(--border-active);\n  padding-inline-start: 1rem !important;\n  color: var(--color-primary);\n}\n.nano-in-page-nav ul > li > ul,\n.nano-in-page-nav ul > li > .nano-details ul {\n  padding: var(--list-gap) 0 0 var(--spacing-l2);\n  gap: var(--list-gap);\n}\n.nano-in-page-nav ul > li > ul a,\n.nano-in-page-nav ul > li > .nano-details ul a {\n  color: var(--color-primary) !important;\n}\n.nano-in-page-nav ul > li > ul > li > .nano-details > ul,\n.nano-in-page-nav ul > li > .nano-details ul > li > .nano-details ul {\n  padding: var(--list-gap) 0 0 var(--nano-spacing-xl);\n}\n.nano-in-page-nav .nano-details .nano-details:not(.nano-details .nano-details .nano-details) {\n  color: var(--color-text);\n}\n.nano-in-page-nav .nano-details {\n  --padding: 0;\n  --btn-bg-color: transparent;\n  --btn-bg-color--open: var(--nano-color-surface-brand-feature);\n  --btn-bg-color--hover: transparent;\n  border: none;\n  color: var(--color-primary);\n}\n.nano-in-page-nav .nano-details.is-active [part~=header],\n.nano-in-page-nav .nano-details .is-active::part(header) {\n  border-inline-start: var(--border-active);\n  padding-inline-start: 1rem !important;\n  color: var(--color-primary);\n}\n.nano-in-page-nav .nano-details[open] > [slot=icon-start] {\n  rotate: 90deg;\n}\n.nano-in-page-nav .nano-details::part(icon--start) {\n  margin-inline-end: var(--spacing-l3);\n}\n.nano-in-page-nav .nano-details [part~=header], .nano-in-page-nav .nano-details::part(header) {\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-weight: var(--font-weight);\n  letter-spacing: var(--letter-spacing);\n}\n.nano-in-page-nav .nano-details [part~=header]:hover, .nano-in-page-nav .nano-details::part(header):hover {\n  text-decoration: underline;\n}\n.nano-in-page-nav .nano-details:not(.nav-details) {\n  color: var(--color-primary);\n}\n.nano-in-page-nav.external-links {\n  --color-bg: var(--nano-color-background-default) !important;\n  --color-border-active: var(--nano-color-border-accent);\n}\n.nano-in-page-nav.external-links ul ul {\n  --border-active: 3px solid var(--nano-color-border-accent);\n}\n\n@layer components {\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) {\n    --color-bg: var(--nano-color-background-default);\n    --color-border: var(--nano-color-border-default);\n    --outer-spacing: var(--nano-spacing-l1-default);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h2 {\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-xl);\n    line-height: var(--nano-line-height-denser);\n    text-wrap: balance;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h2,\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h4 {\n    margin: 0;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h3,\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h4 {\n    font-size: var(--nano-font-size-sm);\n    line-height: var(--nano-line-height-normal);\n    font-weight: var(--nano-font-weight-bold);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h3 {\n    padding-block-end: var(--nano-spacing-md);\n    border-block-end: 1px solid var(--color-border);\n    margin-block: 0;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h4 {\n    font-weight: var(--nano-font-weight-normal);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) ul {\n    padding: 0;\n    margin: 0;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) ul[slot=content] {\n    list-style: none;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) ul[slot=content] > li {\n    margin: 0;\n    padding-block-start: var(--nano-spacing-md);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) [slot=label] {\n    display: flex;\n    align-items: center;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details {\n    --btn-bg-color: transparent;\n    --btn-bg-color--active: transparent;\n    --btn-bg-color--hover: transparent;\n    --padding: 0;\n    border: none;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(header), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~=header] {\n    color: var(--color-primary);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(label), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~=label], :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(content), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~=content] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--nano-spacing-l1-default);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(icon--end), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~=icon--end] {\n    display: none;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(content), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~=content] {\n    padding: var(--nano-spacing-md) 0;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(body), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~=body] {\n    border-block-end: 1px solid var(--color-border);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details ul {\n    list-style: disc;\n    padding-inline-start: var(--nano-spacing-md);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details ul li {\n    font-size: var(--nano-font-size-xs);\n  }\n}\n@layer components {\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) {\n    --padding: inherit;\n    display: block;\n    border-block-start: 1px solid var(--nano-color-border-default);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not(:has(+ nano-nav-item), :has(+ nano-dropdown), :has(+ nano-content-links)) {\n    border-block-end: 1px solid var(--nano-color-border-default);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(trigger) {\n    font-size: var(--nano-font-size-sm);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)[checkbox]::part(label)::before {\n    content: \"\";\n    display: inline-block;\n    vertical-align: middle;\n    background-size: cover;\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    inline-size: 0.8em;\n    block-size: 0.8em;\n    -webkit-mask-image: var(--nano-component-icon-check);\n            mask-image: var(--nano-component-icon-check);\n    background-color: var(--icon-color);\n    opacity: 0;\n    margin-inline-end: var(--nano-spacing-sm);\n    align-content: center;\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)[checkbox][selected]::part(label)::before {\n    opacity: 1;\n  }\n  :where(nano-menu, .nano-menu) a {\n    font-size: calc(var(--font-size) - 0.125rem);\n    color: var(--nano-color-text-link);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-icon, .nano-icon) {\n    color: var(--icon-color);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(trigger-wrapper) {\n    flex: 1;\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(trigger),\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [slot=close-button],\n  :where(nano-menu, .nano-menu) nano-content-links a {\n    --icon-color: var(--nano-color-text-link);\n    color: var(--nano-color-text-default);\n    font-size: var(--font-size);\n  }\n  :where(nano-menu, .nano-menu) a:hover:not(:focus-visible),\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not([disabled]) [slot=close-button]:hover:not(:focus-visible),\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not([disabled])::part(trigger):hover:not(:focus-visible) {\n    --icon-color: var(--nano-color-icon-hover);\n    color: var(--nano-color-text-default);\n    background-color: var(--nano-color-surface-subtle-hover);\n  }\n  :where(nano-menu, .nano-menu) a:active:not(:focus-visible),\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not([disabled]) [slot=close-button]:active:not(:focus-visible),\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not([disabled])::part(trigger):active:not(:focus-visible) {\n    --icon-color: var(--nano-color-icon-primary);\n    color: var(--nano-color-text-default);\n    background-color: var(--nano-color-surface-subtle);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [slot=close-button]:focus-visible,\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(trigger):focus-visible,\n  :where(nano-menu, .nano-menu) a:focus-visible {\n    --icon-color: var(--nano-color-icon-inverse);\n    outline: none;\n    background-color: var(--nano-color-fill-primary);\n    color: var(--nano-color-text-inverse);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [slot=close-button]:focus-visible:active,\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(trigger):focus-visible:active,\n  :where(nano-menu, .nano-menu) a:focus-visible:active {\n    background-color: var(--nano-color-text-primary);\n  }\n  :where(nano-menu, .nano-menu) nano-content-links a::after {\n    background-color: var(--icon-color);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-dropdown, .nano-dropdown) {\n    display: contents;\n  }\n  :where(nano-menu, .nano-menu) :where(nano-dropdown, .nano-dropdown) :where(nano-nav-item, .nano-nav-item) {\n    --padding: var(--nav-item-padding);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(modal) {\n    position: absolute;\n    min-block-size: 100%;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    inline-size: 100%;\n    z-index: 1;\n    opacity: 0;\n    transition: opacity var(--nano-transition-x-fast) ease, transform var(--nano-transition-fast) ease;\n    transform: translate3d(100%, 0, 0);\n    background: var(--background);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(modal modal--open) {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n    transition: opacity var(--nano-transition-x-fast) ease, transform var(--nano-transition-fast) ease;\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [slot=close-button] {\n    padding: var(--padding);\n    display: flex;\n    gap: var(--nano-spacing-md);\n    align-items: center;\n    cursor: pointer;\n    inline-size: 100%;\n    border-block-start: 1px solid var(--nano-color-border-default);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [slot=close-button]::before {\n    content: \"\";\n    margin-inline-start: 0;\n    background-size: cover;\n    inline-size: 1em;\n    block-size: 1em;\n    -webkit-mask-image: var(--nano-component-icon-caret);\n            mask-image: var(--nano-component-icon-caret);\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    rotate: 180deg;\n    background-color: var(--icon-color);\n  }\n}\n@layer components {\n  nano-icon-item {\n    --icon-dims: var(--nano-pictogram-size-large);\n    display: grid;\n    grid-template-columns: 1fr;\n    justify-items: center;\n    inline-size: 100%;\n    gap: var(--nano-spacing-md);\n  }\n  nano-icon-item[size=large] {\n    --icon-dims: var(--nano-pictogram-size-x-large);\n  }\n  nano-icon-item nano-icon, nano-icon-item .nano-icon {\n    --icon-size: var(--icon-dims) !important;\n  }\n  nano-icon-item a:not(p > a),\n  nano-icon-item [slot=heading] {\n    all: unset;\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-md);\n    line-height: var(--nano-line-height-dense);\n    text-wrap: balance;\n    color: var(--nano-color-text-default);\n    text-align: center;\n  }\n  nano-icon-item p[slot=content] {\n    all: unset;\n    font-size: var(--nano-font-size-sm);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    text-align: center;\n  }\n  nano-icon-item [slot=icon] {\n    color: var(--nano-color-icon-default);\n  }\n  nano-icon-item[landscape] {\n    justify-items: start;\n    grid-template-columns: min-content 1fr !important;\n    row-gap: var(--nano-spacing-sm);\n  }\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]) [slot=heading],\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]) p[slot=content], nano-icon-item[landscape]:has([slot=icon]):has([slot=content]) [slot=heading],\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=content]) p[slot=content] {\n    grid-row: 1;\n    align-self: center;\n  }\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) a,\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) [slot=heading] {\n    grid-row: 1;\n  }\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) p[slot=content] {\n    grid-row: 2;\n  }\n  nano-icon-item[landscape] nano-icon[slot=icon] {\n    grid-column: 1;\n  }\n  nano-icon-item[landscape] [slot=icon] {\n    grid-column: 1;\n    grid-row: 1/-1;\n  }\n  nano-icon-item[landscape] a,\n  nano-icon-item[landscape] [slot=heading] {\n    text-align: start;\n    align-self: center;\n    grid-row: 1;\n    grid-column: 2;\n  }\n  nano-icon-item[landscape] p[slot=content] {\n    text-align: start;\n    grid-row: 2;\n    grid-column: 2;\n  }\n  nano-icon-item a,\n  nano-icon-item a > [slot=heading] {\n    cursor: pointer;\n    text-decoration: underline;\n    color: var(--nano-color-text-link);\n  }\n  nano-icon-item a:hover {\n    color: var(--nano-color-text-hover);\n  }\n  nano-icon-item a:hover [slot=heading] {\n    color: var(--nano-color-text-hover);\n  }\n  nano-icon-item:has(a:hover) nano-icon {\n    color: var(--nano-color-text-hover);\n  }\n}\n@layer components {\n  :where(nano-tab-group, .nano-tab-group)[equal-tab-size] .nano-tab {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex: 1;\n  }\n  :where(nano-tab-group, .nano-tab-group)[placement=start][equal-tab-size] .nano-tab {\n    justify-content: flex-end;\n  }\n  :where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab {\n    border-block-end: none;\n    border-inline-end: var(--border);\n  }\n  :where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab::part(base),\n  :where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab [part~=base] {\n    justify-content: end;\n  }\n  :where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab::part(label),\n  :where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab [part~=label] {\n    align-items: flex-end;\n  }\n  :where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab:not([disabled]):hover {\n    border-color: inherit;\n  }\n  :where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab:not([disabled])[active] {\n    border-color: inherit;\n  }\n  :where(nano-tab-group, .nano-tab-group)[placement=top][size=large]::part(tabs__wrapper), :where(nano-tab-group, .nano-tab-group)[placement=top][size=large] [part~=tabs__wrapper] {\n    --scroll-btn-size: 2rem;\n  }\n  :where(nano-tab-group, .nano-tab-group)[placement=top][size=large] .nano-tab {\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-lg);\n    line-height: var(--nano-line-height-dense);\n    text-wrap: balance;\n    --padding: 1.5625rem;\n  }\n}\n@layer components {\n  :where(nano-tooltip, .nano-tooltip) [slot=content], :where(nano-tooltip, .nano-tooltip) [slot=content] * {\n    font-size: var(--nano-font-size-2xs);\n  }\n  :where(nano-tooltip, .nano-tooltip) ul[slot=content] {\n    margin-block: 0;\n    padding-inline: 0;\n    margin-inline: var(--nano-spacing-md);\n  }\n  :where(nano-tooltip, .nano-tooltip) [slot=content] li {\n    margin-block-end: 0;\n  }\n}\n@layer components {\n  :where(nano-table, .nano-table) {\n    --table-padding: var(--nano-spacing-md);\n    --table-compact-padding: var(--nano-spacing-sm) calc(var(--nano-spacing-md) - (var(--nano-spacing-md) / 3));\n    --table-border-color: var(--nano-color-border-default);\n    --table-border-color-header: var(--nano-color-border-default);\n    --table-background: var(--nano-color-background-default);\n    --table-wrapper-max-height: 80vh;\n    --table-width: 100%;\n    --isLtR: 1;\n    overflow-y: clip;\n    display: block;\n    container-type: inline-size;\n  }\n  :where(nano-table, .nano-table):dir(rtl) {\n    --isLtR: -1;\n  }\n  :where(nano-table, .nano-table)[compact]:not([compact=false], [compact=auto]) {\n    --table-padding: var(--table-compact-padding);\n  }\n  @media (width <= 500px) {\n    :where(nano-table, .nano-table)[compact=auto] {\n      --table-padding: var(--table-compact-padding);\n    }\n  }\n  @container (width <= 500px) {\n    :where(nano-table, .nano-table)[compact=auto] .nano-table__overflow {\n      --table-padding: var(--table-compact-padding);\n    }\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]) {\n    overflow-y: visible;\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]) .nano-masked-overflow {\n    --fade-size: 30px;\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]):has([sticky=start], [sticky=end]) .nano-masked-overflow {\n    --fade-size: 0;\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]):not(.nano-table--props-ready) {\n    overflow: auto;\n    scrollbar-width: thin;\n    max-inline-size: var(--table-width);\n    max-block-size: var(--table-wrapper-max-height);\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]) .nano-table__overflow-container {\n    inline-size: var(--table-width);\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]) .nano-table__overflow {\n    max-inline-size: var(--table-width);\n    max-block-size: var(--table-wrapper-max-height);\n    position: relative;\n    flex: 1;\n  }\n  :where(nano-table, .nano-table) tr[clickable] {\n    cursor: pointer;\n  }\n  :where(nano-table, .nano-table) tr[clickable]:not([sticky]) {\n    position: relative;\n  }\n  :where(nano-table, .nano-table) tr[clickable]:focus-within {\n    --table-background: var(--nano-color-fill-secondary-hover);\n  }\n  :where(nano-table, .nano-table) tr[clickable]:hover {\n    --table-background: var(--nano-color-surface-brand-feature);\n  }\n  :where(nano-table, .nano-table) tr[clickable] input[type=checkbox]::after,\n  :where(nano-table, .nano-table) tr[clickable] nano-checkbox::after,\n  :where(nano-table, .nano-table) tr[clickable] a::after,\n  :where(nano-table, .nano-table) tr[clickable] button::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n  }\n  :where(nano-table, .nano-table) tr[sticky] {\n    position: sticky;\n    container-type: scroll-state;\n    inset-block-start: var(--sticky-top, 0);\n  }\n  :where(nano-table, .nano-table) tfoot tr[sticky] {\n    inset-block-end: 0;\n  }\n  :where(nano-table, .nano-table) tfoot tr[sticky],\n  :where(nano-table, .nano-table) thead tr[sticky] {\n    z-index: var(--nano-z-index-menubar);\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] {\n    z-index: var(--nano-z-index-raised);\n    overflow-y: clip;\n  }\n  @container scroll-state(stuck: top) {\n    :where(nano-table, .nano-table) tbody tr[sticky] td, :where(nano-table, .nano-table) tbody tr[sticky] th {\n      border-block-end: 1px solid var(--table-border-color-header);\n    }\n  }\n  @supports not (container-type: scroll-state) {\n    :where(nano-table, .nano-table) tbody tr[sticky] td, :where(nano-table, .nano-table) tbody tr[sticky] th {\n      border-block-end: 1px solid var(--table-border-color-header);\n    }\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] td[sticky],\n  :where(nano-table, .nano-table) tbody tr[sticky] th[sticky] {\n    overflow-y: clip;\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] td[sticky]::after,\n  :where(nano-table, .nano-table) tbody tr[sticky] th[sticky]::after {\n    content: \"\";\n    visibility: hidden;\n    inline-size: 10px;\n    inset-block-start: 0;\n    block-size: var(--section-height);\n    position: absolute;\n  }\n  @container scroll-state(stuck: left) {\n    :where(nano-table, .nano-table) tbody tr[sticky] td[sticky]::after,\n    :where(nano-table, .nano-table) tbody tr[sticky] th[sticky]::after {\n      visibility: visible;\n    }\n  }\n  @container scroll-state(stuck: right) {\n    :where(nano-table, .nano-table) tbody tr[sticky] td[sticky]::after,\n    :where(nano-table, .nano-table) tbody tr[sticky] th[sticky]::after {\n      visibility: visible;\n    }\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] [sticky=start]::after {\n    inset-inline-end: 0;\n    box-shadow: calc(4px * var(--isLtR)) -3px 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%);\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] [sticky=end]::after {\n    inset-inline-start: 0;\n    box-shadow: calc(-4px * var(--isLtR)) -3px 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%);\n  }\n  @container (width <= 500px) {\n    :where(nano-table, .nano-table) .nano-table__overflow td[sticky], :where(nano-table, .nano-table) .nano-table__overflow th[sticky] {\n      --sticky-start: 0px !important;\n      --sticky-end: 0px !important;\n    }\n    :where(nano-table, .nano-table) .nano-table__overflow td[sticky]:not(:first-of-type), :where(nano-table, .nano-table) .nano-table__overflow th[sticky]:not(:first-of-type) {\n      position: initial !important;\n      z-index: initial !important;\n    }\n  }\n  @media (width <= 500px) {\n    :where(nano-table, .nano-table) td[sticky], :where(nano-table, .nano-table) th[sticky] {\n      --sticky-start: 0px !important;\n      --sticky-end: 0px !important;\n    }\n    :where(nano-table, .nano-table) td[sticky]:not(:first-of-type), :where(nano-table, .nano-table) th[sticky]:not(:first-of-type) {\n      position: initial !important;\n      z-index: initial !important;\n    }\n  }\n  :where(nano-table, .nano-table) :where(thead, tbody) td[sticky], :where(nano-table, .nano-table) th[sticky] {\n    position: sticky;\n    container-type: scroll-state;\n    z-index: var(--nano-z-index);\n  }\n  @supports not (container-type: scroll-state) {\n    :where(nano-table, .nano-table) :where(thead, tbody) td[sticky]::after, :where(nano-table, .nano-table) th[sticky]::after {\n      content: \"\";\n      position: absolute;\n      box-shadow: 14px 0 14px 0 var(--table-background);\n      inset-inline: auto 0;\n      block-size: calc(100% - var(--nano-spacing-md));\n      inset-block-start: calc(var(--nano-spacing-md) / 2);\n      inline-size: var(--nano-spacing-md);\n    }\n    :where(nano-table, .nano-table) :where(thead, tbody) td[sticky]:is([sticky=end])::after, :where(nano-table, .nano-table) th[sticky]:is([sticky=end])::after {\n      box-shadow: -14px 0 14px 0 var(--table-background);\n      inset-inline: 0 auto;\n    }\n  }\n  :where(nano-table, .nano-table) td[sticky=start], :where(nano-table, .nano-table) th[sticky=start] {\n    inset-inline-start: var(--sticky-start, 0);\n  }\n  :where(nano-table, .nano-table) td[sticky=end], :where(nano-table, .nano-table) th[sticky=end] {\n    inset-inline-end: var(--sticky-end, 0);\n    z-index: calc(var(--nano-z-index) + 1);\n  }\n  @supports (container-type: scroll-state) {\n    :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=start]::after, :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=end]::after {\n      content: \"\";\n      visibility: hidden;\n      inline-size: 10px;\n      inset-block-start: 0;\n      block-size: var(--section-height);\n      position: absolute;\n    }\n    @container scroll-state(stuck: left) {\n      :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=start]::after, :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=end]::after {\n        visibility: visible;\n      }\n    }\n    @container scroll-state(stuck: right) {\n      :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=start]::after, :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=end]::after {\n        visibility: visible;\n      }\n    }\n    :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=start]::after {\n      inset-inline-end: 0;\n      box-shadow: calc(4px * var(--isLtR)) 0 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%);\n    }\n    :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=end]::after {\n      inset-inline-start: 0;\n      box-shadow: calc(-4px * var(--isLtR)) 0 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%);\n    }\n  }\n}\n@layer components {\n  nano-feature-box {\n    --color: var(--nano-color-basic-white);\n    --bg: var(--nano-color-surface-special);\n    container-type: inline-size;\n    display: grid;\n    grid-template-columns: calc(50% - var(--nano-spacing-l1-default)) 1fr;\n    gap: 0;\n    background-color: var(--bg);\n    color: var(--color);\n    overflow: clip;\n    position: relative;\n    min-block-size: 270px;\n  }\n  nano-feature-box [slot] {\n    grid-column: 2;\n    grid-row: 1/-1;\n  }\n  nano-feature-box::before {\n    content: \"\";\n    display: block;\n    grid-column: 1;\n  }\n  nano-feature-box [slot=img] {\n    grid-column: 1;\n    object-fit: cover;\n    position: absolute;\n    inline-size: calc(50% - var(--nano-spacing-l1-default));\n    block-size: 101% !important;\n    inset-block-start: 50%;\n    transform: translateY(-50%);\n  }\n  @container (width < 650px) {\n    nano-feature-box::before {\n      display: none;\n    }\n    nano-feature-box [slot] {\n      grid-column: 1/-1 !important;\n      grid-row: 2;\n    }\n    nano-feature-box [slot=img] {\n      grid-row: 1;\n      grid-column: 1/-1 !important;\n      position: static;\n      transform: none;\n      inset-block-start: 0;\n      inline-size: 100%;\n      block-size: auto !important;\n      min-block-size: 0;\n    }\n  }\n  nano-feature-box[img-position=end] {\n    grid-template-columns: 1fr calc(50% - var(--nano-spacing-l1-default));\n  }\n  nano-feature-box[img-position=end] [slot] {\n    grid-column: 1;\n  }\n  nano-feature-box[img-position=end] [slot=img] {\n    grid-column: 2;\n    min-inline-size: -webkit-fill-available;\n    min-inline-size: -moz-available;\n    min-inline-size: stretch;\n  }\n  nano-feature-box[img-position=end]::before {\n    grid-column: 2;\n  }\n  nano-feature-box [slot=content] {\n    padding: var(--nano-spacing-l1-default);\n    display: flex;\n    flex-direction: column;\n    gap: var(--nano-spacing-sm);\n  }\n  nano-feature-box [slot=content] h1, nano-feature-box [slot=content] h2, nano-feature-box [slot=content] h3, nano-feature-box [slot=content] h4, nano-feature-box [slot=content] h5, nano-feature-box [slot=content] h6 {\n    text-wrap: balance;\n  }\n  nano-feature-box [slot=content] a {\n    color: var(--nano-color-blue-cerulean-700);\n  }\n  nano-feature-box [slot=content] > * {\n    margin-block: unset;\n    margin-block-start: unset;\n    margin-block-end: unset;\n  }\n}\n@layer components {\n  nano-menu-drawer:not(.secondary-open) nano-nav-item:hover::part(trigger) {\n    box-shadow: -3px 0 2px inset rgba(0, 0, 0, 0.15);\n  }\n  nano-menu-drawer > nano-nav-item {\n    --padding: var(--padding-top) var(--nano-spacing-md) var(--padding-bottom) var(--padding-start);\n    color-scheme: dark;\n  }\n  nano-menu-drawer > nano-nav-item:hover {\n    background-color: var(--bg-color-hover);\n  }\n  nano-menu-drawer > nano-nav-item:active, nano-menu-drawer > nano-nav-item[selected] {\n    background-color: var(--bg-color-selected);\n  }\n  nano-menu-drawer > nano-nav-item[open] {\n    background-color: var(--bg-color-open);\n  }\n  nano-menu-drawer > nano-nav-item::part(trigger), nano-menu-drawer > nano-nav-item [part~=trigger] {\n    gap: 1rem;\n    border-block-end: var(--divider-color) 1px solid;\n    white-space: nowrap;\n    min-inline-size: fit-content;\n  }\n  nano-menu-drawer > nano-nav-item::part(trigger):focus-visible, nano-menu-drawer > nano-nav-item [part~=trigger]:focus-visible {\n    outline: var(--nano-focus-ring);\n    outline-offset: -3px;\n  }\n  nano-menu-drawer > nano-nav-item::part(modal) {\n    position: absolute;\n    inset: calc(var(--global-nav-height) * -1) 0 0 100%;\n    z-index: -1;\n    block-size: 100vh;\n    inline-size: calc(100vw - (var(--menu-width) + var(--scrollbar-width, 0px)));\n  }\n  nano-menu-drawer > nano-nav-item::part(modal-content) {\n    inline-size: 400px;\n    background: var(--bg-color);\n    block-size: 100vh;\n    overflow: auto;\n    scrollbar-width: thin;\n    inset-inline-start: -400px;\n    position: absolute;\n    transition: inset-inline-start var(--nano-transition-fast) ease;\n    padding: calc(var(--global-nav-height) + var(--nano-spacing-md)) var(--nano-spacing-md) var(--nano-spacing-md);\n    box-shadow: var(--nano-shadow-ls);\n  }\n  nano-menu-drawer > nano-nav-item::part(modal-content modal-content--open) {\n    inset-inline-start: 0;\n  }\n  nano-menu-drawer > nano-nav-item::part(modal-mask) {\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n  }\n  nano-menu-drawer > nano-nav-item::part(close-button) {\n    display: flex;\n    justify-content: flex-end;\n    border-block-end: var(--divider-color) 1px solid;\n    padding-block-end: var(--nano-spacing-sm);\n    color: var(--nano-color-fill-primary);\n    text-decoration: underline;\n  }\n  nano-menu-drawer > nano-nav-item::part(close-button):hover {\n    color: var(--nano-color-fill-primary-hover);\n  }\n  nano-menu-drawer > nano-nav-item [slot=close-button] {\n    cursor: pointer;\n  }\n  nano-menu-drawer > nano-nav-item [slot=secondary] {\n    font-size: var(--nano-font-size-xs);\n    color: var(--content-color);\n  }\n  nano-menu-drawer > nano-nav-item nano-icon {\n    --icon-size: inherit;\n  }\n  nano-menu-drawer > nano-nav-item nano-icon[slot=icon-end] {\n    margin-inline-end: calc((var(--nano-spacing-md)) / 2 * -1);\n    color: var(--nano-color-fill-primary);\n    position: relative;\n  }\n  nano-menu-drawer > nano-nav-item [slot=icon-start] {\n    position: relative;\n  }\n  nano-menu-drawer > nano-nav-item [slot=icon-start] nano-badge {\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    translate: 100% -50%;\n  }\n  [slot=secondary] .md__list {\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    padding: 0;\n  }\n  [slot=secondary] .md__list > * {\n    all: unset;\n    border-block-end: var(--divider-color) 1px solid;\n    list-style: none;\n    margin: 0;\n    padding: var(--nano-spacing-sm) 0;\n    font-size: var(--nano-font-size-xs);\n    display: flex;\n    flex-direction: column;\n    gap: var(--nano-spacing-sm);\n  }\n  [slot=secondary] .md__list > *:is(button, a) {\n    cursor: pointer;\n    padding-inline: var(--nano-spacing-md);\n  }\n  [slot=secondary] .md__list > *:is(button, a):hover {\n    background-color: var(--bg-color-hover);\n  }\n  [slot=secondary] .md__list > *:is(button, a):active {\n    background-color: var(--bg-color-selected);\n  }\n  [slot=secondary] .md__list > *:is(button, a):focus-visible {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n  [slot=secondary] .md__list .md__list-head {\n    display: flex;\n    justify-content: space-between;\n    gap: inherit;\n    align-items: center;\n  }\n  [slot=secondary] .md__list .md__list-head :first-child {\n    flex: 1;\n  }\n}\nnano-increment input[type=number]::-webkit-inner-spin-button,\nnano-increment input[type=number]::-webkit-outer-spin-button, .nano-increment input[type=number]::-webkit-inner-spin-button,\n.nano-increment input[type=number]::-webkit-outer-spin-button {\n  appearance: none;\n  margin: 0;\n}\nnano-increment input[type=number], .nano-increment input[type=number] {\n  appearance: textfield;\n}\nnano-increment nano-input, .nano-increment nano-input {\n  display: grid;\n  grid-column: 1/span 3;\n  grid-row: 1/span 2;\n  grid-template-columns: subgrid;\n  grid-template-rows: subgrid;\n}\nnano-increment nano-input.has-focus, .nano-increment nano-input.has-focus {\n  z-index: 2;\n}\nnano-increment nano-input > div,\nnano-increment nano-input .form-ctrl,\nnano-increment nano-input .form-ctrl__wrapper, .nano-increment nano-input > div,\n.nano-increment nano-input .form-ctrl,\n.nano-increment nano-input .form-ctrl__wrapper {\n  display: grid;\n  grid-template-columns: subgrid;\n  grid-template-rows: subgrid;\n  grid-column: 1/span 3;\n  grid-row: 1/span 2;\n}\nnano-increment nano-input .form-ctrl__input, .nano-increment nano-input .form-ctrl__input {\n  grid-column: 2;\n  grid-row: 1;\n}\nnano-increment nano-input .form-ctrl__more, .nano-increment nano-input .form-ctrl__more {\n  grid-column: 1/span 3;\n  grid-row: 2;\n  justify-self: start;\n}\nnano-increment nano-input .form-ctrl__validation-icon, .nano-increment nano-input .form-ctrl__validation-icon {\n  display: none;\n}\n\n@layer components {\n  nano-option-box {\n    --spacing: var(--nano-spacing-md);\n    display: grid;\n    grid-template-columns: 200px auto;\n    grid-template-rows: auto auto 1fr auto;\n    gap: 0 var(--spacing);\n    align-items: start;\n    padding: var(--spacing);\n    box-shadow: var(--nano-shadow-l1);\n    container-type: inline-size;\n  }\n  nano-option-box [slot=header] {\n    grid-area: header;\n    font-size: var(--nano-font-size-lg);\n    display: flex;\n    justify-content: space-between;\n    padding-block-end: var(--spacing);\n    border-block-end: 2px solid var(--nano-color-border-accent);\n    flex-wrap: wrap;\n    grid-column: 1/-1;\n    grid-row: 1;\n    gap: 0 var(--spacing);\n    margin: unset;\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-lg);\n    line-height: var(--nano-line-height-dense);\n    text-wrap: balance;\n  }\n  nano-option-box [slot=header] > * {\n    margin: unset;\n    padding: unset;\n  }\n  nano-option-box [slot=img] {\n    align-self: start;\n    grid-area: img;\n    inline-size: 100%;\n    block-size: auto;\n    object-fit: cover;\n    grid-row: 2;\n    grid-column: 1;\n    padding-block-start: var(--spacing);\n  }\n  @container (width < 417px) {\n    nano-option-box [slot=img] {\n      grid-column: 1/-1;\n    }\n  }\n  nano-option-box [slot=content] {\n    align-self: start;\n    grid-area: content;\n    grid-row: 2;\n    grid-column: 2;\n    margin: unset;\n    padding: var(--spacing) 0 0 0;\n    font-size: var(--nano-font-size-sm);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  @container (width < 417px) {\n    nano-option-box [slot=content] {\n      grid-column: 1/-1;\n      grid-row: 3;\n    }\n  }\n  nano-option-box [slot=content] > * {\n    margin: unset;\n    padding: unset;\n  }\n  nano-option-box [slot=content]:not(.config-list, :has(.config-list)) {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nano-spacing-md);\n    padding-block-end: var(--spacing);\n  }\n  nano-option-box [slot=content] ul.config-list, nano-option-box [slot=content]:is(ul.config-list) {\n    align-self: start;\n    list-style: none;\n    display: grid;\n    grid-template-columns: min-content 1fr;\n  }\n  nano-option-box [slot=content] ul.config-list > li, nano-option-box [slot=content]:is(ul.config-list) > li {\n    font-size: var(--nano-font-size-sm);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    border-block-start: 1px solid var(--nano-color-border-default);\n    padding: var(--nano-spacing-sm) 0;\n    display: grid;\n    grid-template-columns: subgrid;\n    gap: 0 var(--nano-spacing-md);\n    grid-column: 1/-1;\n  }\n  nano-option-box [slot=content] ul.config-list > li:first-of-type, nano-option-box [slot=content]:is(ul.config-list) > li:first-of-type {\n    border-block-start: none;\n  }\n  nano-option-box [slot=content] ul.config-list > li strong, nano-option-box [slot=content]:is(ul.config-list) > li strong {\n    font-size: var(--nano-font-size-sm);\n    line-height: var(--nano-line-height-normal);\n    font-weight: var(--nano-font-weight-bold);\n  }\n  nano-option-box [slot=content] ul.config-list > li:has(span) strong, nano-option-box [slot=content]:is(ul.config-list) > li:has(span) strong {\n    grid-column: 1;\n    grid-row: 1/-1;\n  }\n  nano-option-box [slot=content] ul.config-list > li:not(:has(span)), nano-option-box [slot=content]:is(ul.config-list) > li:not(:has(span)) {\n    border-block-start: none;\n  }\n  nano-option-box [slot=content] ul.config-list > li:not(:has(span)) + li, nano-option-box [slot=content]:is(ul.config-list) > li:not(:has(span)) + li {\n    border-block-start: none;\n  }\n  nano-option-box [slot=content] ul.config-list > li:not(:has(span)) strong, nano-option-box [slot=content]:is(ul.config-list) > li:not(:has(span)) strong {\n    grid-column: 2;\n  }\n  nano-option-box [slot=content] ul.config-list > li *:not(strong), nano-option-box [slot=content]:is(ul.config-list) > li *:not(strong) {\n    grid-column: 2;\n  }\n  nano-option-box [slot=content] ul.config-list > li .meta, nano-option-box [slot=content]:is(ul.config-list) > li .meta {\n    font-size: var(--nano-font-size-2xs);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    color: var(--nano-color-text-neutral);\n  }\n  nano-option-box:not(:has([slot=img])) [slot=content] {\n    grid-column: 1/-1;\n  }\n  @container (width < 417px) {\n    nano-option-box:not(:has([slot=img])) [slot=content] {\n      grid-row: 2/span 2;\n    }\n  }\n  nano-option-box [slot=footer] {\n    grid-area: footer;\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    flex-wrap: wrap;\n    grid-column: 1/-1;\n    grid-row: 3/span 2;\n    margin: unset;\n    border-block-start: 1px solid var(--nano-color-border-default);\n    padding-block-start: var(--spacing);\n  }\n  @container (width < 417px) {\n    nano-option-box [slot=footer] {\n      grid-row: 4;\n    }\n  }\n  nano-option-box [slot=footer] > * {\n    margin: unset;\n    padding: unset;\n  }\n}\n@layer components {\n  nano-search-result {\n    display: contents;\n  }\n  nano-search-result article {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nano-spacing-sm);\n  }\n  nano-search-result *:focus-visible {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n  nano-search-result .search__highlight, nano-search-result .highlight {\n    background: var(--nano-color-highlight);\n    font-style: normal;\n  }\n  nano-search-result [slot],\n  nano-search-result [slot] > * {\n    padding: 0;\n    margin: 0;\n  }\n  nano-search-result [slot]:is(a),\n  nano-search-result [slot] > *:is(a) {\n    text-decoration: none;\n  }\n  nano-search-result [slot=title],\n  nano-search-result [slot=title] > :first-child {\n    font-size: var(--nano-font-size-sm);\n    line-height: var(--nano-line-height-normal);\n    font-weight: var(--nano-font-weight-bold);\n    order: 0;\n  }\n  nano-search-result a[slot=title],\n  nano-search-result a[slot=title] > *,\n  nano-search-result [slot=title] a {\n    color: var(--nano-color-text-link);\n    text-decoration: underline;\n  }\n  nano-search-result [slot=content],\n  nano-search-result [slot=content] > * {\n    font-size: var(--nano-font-size-xs);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    color: var(--nano-color-text-default);\n    order: 1;\n  }\n  nano-search-result [slot=meta],\n  nano-search-result [slot=meta] > * {\n    font-size: var(--nano-font-size-2xs);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  nano-search-result [slot=meta] > *:not(:last-child)::after {\n    content: \"|\";\n    color: var(--nano-color-text-placeholder);\n    display: inline-block;\n    padding-inline-start: var(--nano-spacing-md);\n  }\n  nano-search-result [slot=meta] {\n    order: 2;\n    display: inline-flex;\n    flex-wrap: wrap;\n    gap: var(--nano-spacing-xs) var(--nano-spacing-md);\n  }\n  nano-search-result [slot=tags] {\n    order: 3;\n    display: inline-flex;\n    flex-wrap: wrap;\n    align-items: start;\n    gap: var(--nano-spacing-sm);\n  }\n  nano-search-result [slot=tags]:is(ul, ol) {\n    list-style: none;\n  }\n  nano-search-result [slot=tags]:is(ul, ol) li {\n    display: contents;\n  }\n  nano-search-result [slot=tags] ul, nano-search-result [slot=tags] ol {\n    list-style: none;\n    display: contents;\n  }\n  nano-search-result [slot=tags] ul li, nano-search-result [slot=tags] ol li {\n    display: contents;\n  }\n}\n@layer components {\n  :root {\n    --nano-component-icon-chevron: url(\"data:image/svg+xml;charset=utf-8,<svg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'><g><path%20fill='white'%20d='M4.18457%2015.8496C4.06179%2015.7374%204.00044%2015.584%204.00044%2015.43C4.00044%2015.291%204.05065%2015.1521%204.15221%2015.0421L10.6195%208.00301L4.15207%200.959231C3.9378%200.727093%203.9512%200.364958%204.18443%200.151748C4.41655%20-0.0625328%204.77688%20-0.0480332%204.99114%200.183555L11.8477%207.61197C12.0508%207.83182%2012.0508%208.16767%2011.8477%208.38766L4.99114%2015.8161C4.77594%2016.046%204.41669%2016.0639%204.18457%2015.8496Z'/></g></svg>\");\n    --nano-component-icon-download: url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='white'%20d='M272%2016c0-8.8-7.2-16-16-16s-16%207.2-16%2016l0%20313.4L139.3%20228.7c-6.2-6.2-16.4-6.2-22.6%200s-6.2%2016.4%200%2022.6l128%20128c6.2%206.2%2016.4%206.2%2022.6%200l128-128c6.2-6.2%206.2-16.4%200-22.6s-16.4-6.2-22.6%200L272%20329.4%20272%2016zM140.1%20320L64%20320c-35.3%200-64%2028.7-64%2064l0%2064c0%2035.3%2028.7%2064%2064%2064l384%200c35.3%200%2064-28.7%2064-64l0-64c0-35.3-28.7-64-64-64l-76.1%200-32%2032L448%20352c17.7%200%2032%2014.3%2032%2032l0%2064c0%2017.7-14.3%2032-32%2032L64%20480c-17.7%200-32-14.3-32-32l0-64c0-17.7%2014.3-32%2032-32l108.1%200-32-32zM432%20416a24%2024%200%201%200%20-48%200%2024%2024%200%201%200%2048%200z'/></svg>\");\n    --nano-component-icon-open: url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='white'%20d='M336%200c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016l121.4%200L212.7%20276.7c-6.2%206.2-6.2%2016.4%200%2022.6s16.4%206.2%2022.6%200L480%2054.6%20480%20176c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16l0-160c0-8.8-7.2-16-16-16L336%200zM64%2032C28.7%2032%200%2060.7%200%2096L0%20448c0%2035.3%2028.7%2064%2064%2064l352%200c35.3%200%2064-28.7%2064-64l0-144c0-8.8-7.2-16-16-16s-16%207.2-16%2016l0%20144c0%2017.7-14.3%2032-32%2032L64%20480c-17.7%200-32-14.3-32-32L32%2096c0-17.7%2014.3-32%2032-32l144%200c8.8%200%2016-7.2%2016-16s-7.2-16-16-16L64%2032z'/></svg>\");\n    --nano-component-icon-check: url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'><path%20d='M443.3%20100.7c6.2%206.2%206.2%2016.4%200%2022.6l-272%20272c-6.2%206.2-16.4%206.2-22.6%200l-144-144c-6.2-6.2-6.2-16.4%200-22.6s16.4-6.2%2022.6%200L160%20361.4%20420.7%20100.7c6.2-6.2%2016.4-6.2%2022.6%200z'/></svg>\");\n    --nano-component-icon-caret: url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20256%20512'><path%20d='M246.6%20278.6c12.5-12.5%2012.5-32.8%200-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8%2016.6-19.8%2029.6l0%20256c0%2012.9%207.8%2024.6%2019.8%2029.6s25.7%202.2%2034.9-6.9l128-128z'/></svg>\");\n    --nano-component-icon-arrow: url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'><path%20d='M443.3%20267.3c6.2-6.2%206.2-16.4%200-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6%200s-6.2%2016.4%200%2022.6L393.4%20240%2016%20240c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016l377.4%200L244.7%20420.7c-6.2%206.2-6.2%2016.4%200%2022.6s16.4%206.2%2022.6%200l176-176z'/></svg>\");\n  }\n  nano-intersection-observe,\n  nano-resize-observe,\n  nano-global-search-results,\n  nano-cta,\n  nano-card,\n  nano-tag,\n  nano-content-links,\n  nano-badge,\n  nano-avatar,\n  nano-icon-item,\n  nano-option-box,\n  nano-table,\n  nano-feature-box,\n  nano-search-result {\n    visibility: visible !important;\n  }\n  body:not(.nano-eager) nano-algolia-filter,\n  body:not(.nano-eager) nano-algolia-input,\n  body:not(.nano-eager) nano-algolia-pagination,\n  body:not(.nano-eager) nano-algolia-results,\n  body:not(.nano-eager) nano-details,\n  body:not(.nano-eager) nano-accordion,\n  body:not(.nano-eager) nano-grid-item,\n  body:not(.nano-eager) nano-menu,\n  body:not(.nano-eager) nano-masked-overflow,\n  body:not(.nano-eager) nano-range,\n  body:not(.nano-eager) nano-rating,\n  body:not(.nano-eager) nano-slide,\n  body:not(.nano-eager) nano-slides,\n  body:not(.nano-eager) nano-date-input,\n  body:not(.nano-eager) nano-global-nav,\n  body:not(.nano-eager) nano-menu-drawer,\n  body:not(.nano-eager) nano-checkbox,\n  body:not(.nano-eager) nano-checkbox-group,\n  body:not(.nano-eager) nano-grid,\n  body:not(.nano-eager) nano-option,\n  body:not(.nano-eager) nano-algolia,\n  body:not(.nano-eager) nano-date-picker,\n  body:not(.nano-eager) nano-select,\n  body:not(.nano-eager) nano-dropdown,\n  body:not(.nano-eager) nano-nav-item,\n  body:not(.nano-eager) nano-input,\n  body:not(.nano-eager) nano-icon,\n  body:not(.nano-eager) nano-tab-content,\n  body:not(.nano-eager) nano-tab,\n  body:not(.nano-eager) nano-hero,\n  body:not(.nano-eager) nano-img,\n  body:not(.nano-eager) nano-datalist,\n  body:not(.nano-eager) nano-split-pane,\n  body:not(.nano-eager) nano-file-upload,\n  body:not(.nano-eager) nano-data-table,\n  body:not(.nano-eager) nano-alert,\n  body:not(.nano-eager) nano-dialog,\n  body:not(.nano-eager) nano-drawer,\n  body:not(.nano-eager) nano-footer,\n  body:not(.nano-eager) nano-in-page-nav,\n  body:not(.nano-eager) nano-collapsible-comparison,\n  body:not(.nano-eager) nano-breadcrumb,\n  body:not(.nano-eager) nano-more-less,\n  body:not(.nano-eager) nano-card-carousel {\n    visibility: hidden;\n  }\n  body:not(.nano-eager) .hydrated {\n    visibility: inherit;\n  }\n  body:not(.nano-eager) nano-card-carousel {\n    opacity: 0;\n  }\n  body:not(.nano-eager) nano-card-carousel.hydrated {\n    opacity: inherit;\n  }\n  nano-alert:not(.hydrated, [open]),\n  nano-dialog:not(.hydrated),\n  nano-drawer:not(.hydrated) {\n    display: none;\n  }\n  nano-alert[open]:not(.hydrated) {\n    display: block;\n    min-block-size: calc(var(--nano-pictogram-size-large) + var(--nano-spacing-md) * 2);\n  }\n  nano-tooltip:not(.hydrated) [slot=content] {\n    display: none;\n  }\n  nano-animation {\n    visibility: inherit !important;\n  }\n  nano-dropdown {\n    visibility: inherit !important;\n  }\n  nano-dropdown:not(.hydrated) :not([slot=trigger]) {\n    display: none;\n  }\n  nano-slides:not([ready]) {\n    opacity: 0;\n  }\n  nano-progress-bar {\n    --height: 0.625rem;\n  }\n  nano-progress-bar[size=small] {\n    --height: 0.3125rem;\n  }\n  nano-progress-bar[size=large] {\n    --height: 0.9375rem;\n  }\n  nano-progress-bar progress {\n    block-size: var(--height);\n  }\n  @supports (scrollbar-gutter: stable) {\n    .nano-scroll-lock {\n      scrollbar-gutter: var(--nano-scroll-lock-gutter) !important;\n    }\n    .nano-scroll-lock body {\n      overflow: hidden !important;\n    }\n  }\n  /** This can go away once Safari has scrollbar-gutter support. */\n  @supports not (scrollbar-gutter: stable) {\n    .nano-scroll-lock body {\n      padding-inline-end: var(--nano-scroll-lock-size) !important;\n      overflow: hidden !important;\n    }\n  }\n}";
 
 /*
  Stencil Client Platform v4.36.1 | MIT Licensed | https://stenciljs.com
@@ -248,6 +248,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './nano-intersection-observe.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'nano-mdd.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './nano-mdd.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'nano-mdd-item.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './nano-mdd-item.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'nano-menu-drawer.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -332,10 +340,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './nano-datalist_3.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'nano-details.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './nano-details.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'nano-date-picker_2.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -348,6 +352,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './nano-cta.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'nano-details.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './nano-details.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'nano-masked-overflow.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */

package/dist/cjs/{index-CeVPSufd.js → index-gxQOxlH_.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ap26V5bu.js');
+var index = require('./index-C7Ikbhe3.js');
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);

package/dist/cjs/index.cjs.js

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-ap26V5bu.js');
-var renderer = require('./renderer-D1xFLJsH.js');
+var index = require('./index-C7Ikbhe3.js');
+var renderer = require('./renderer-bX7EsIYR.js');
 var throttle = require('./throttle-CrRDOkln.js');
-var tabbable = require('./tabbable-D60VZB1O.js');
+var tabbable = require('./tabbable-BXxsn02Z.js');
 
 const alertContent = (message, buttons = [], alertTheme) => {
     return `${message}

package/dist/cjs/{lazyload-CBgO3EAI.js → lazyload-CLpLl1ob.js}

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var nanoSlides_entry = require('./nano-slides-BONrNv9H.js');
-require('./index-ap26V5bu.js');
-require('./renderer-D1xFLJsH.js');
+var nanoSlides_entry = require('./nano-slides-QbssxNUC.js');
+require('./index-C7Ikbhe3.js');
+require('./renderer-bX7EsIYR.js');
 
 nanoSlides_entry.Flickity.createMethods.push('_createLazyload');
 const proto = nanoSlides_entry.Flickity.prototype;