@daikin-oss/design-system-web-components 0.3.1 → 0.4.0

package/dist/es/components/tooltip/daikin-tooltip.js

@@ -0,0 +1,224 @@
+import { autoUpdate, computePosition, offset, flip, shift } from "@floating-ui/dom";
+import { cva } from "class-variance-authority";
+import { css, unsafeCSS, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { createRef, ref } from "lit/directives/ref.js";
+import { isClient } from "../../is-client.js";
+import tailwindStyles from "../../tailwind.css.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+const cvaTooltip = cva(
+  [
+    "absolute",
+    "p-3",
+    "justify-center",
+    "items-center",
+    "rounded",
+    "w-max",
+    "top-0",
+    "left-0",
+    "max-w-[312px]",
+    "text-sm",
+    "font-daikinSerif",
+    "font-normal",
+    "not-italic",
+    "leading-5"
+  ],
+  {
+    variants: {
+      variant: {
+        light: [
+          "border",
+          "border-solid",
+          "border-daikinNeutral-800",
+          "bg-white/90",
+          "text-black"
+        ],
+        dark: ["bg-daikinNeutral-800/90", "text-white"]
+      },
+      open: {
+        true: ["visible", "opacity-100"],
+        false: ["invisible", "opacity-0"]
+      }
+    }
+  }
+);
+const DEFAULT_TOOLTIP_SPACING = "20px";
+let DaikinTooltip = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.placement = "bottom";
+    this.variant = "light";
+    this.open = false;
+    this.description = "";
+    this.closeOnClick = false;
+    this.trigger = "hover";
+    this._tooltipRef = createRef();
+    this._triggerRef = createRef();
+    this._autoUpdateCleanup = null;
+    this._hostStyles = isClient ? window.getComputedStyle(this) : null;
+  }
+  static registerCSSCustomProperties() {
+    if (!isClient) {
+      return;
+    }
+    window.CSS.registerProperty({
+      name: "--dds-tooltip-spacing",
+      syntax: "<length>",
+      inherits: true,
+      initialValue: "0px"
+    });
+  }
+  _startAutoUpdate() {
+    var _a;
+    if (!isClient) {
+      return;
+    }
+    const reference = this._triggerRef.value;
+    const float = this._tooltipRef.value;
+    if (!reference || !float) {
+      return;
+    }
+    (_a = this._autoUpdateCleanup) == null ? void 0 : _a.call(this);
+    this._autoUpdateCleanup = autoUpdate(reference, float, () => {
+      var _a2;
+      const spacing = parseInt(
+        ((_a2 = this._hostStyles) == null ? void 0 : _a2.getPropertyValue("--dds-tooltip-spacing")) || DEFAULT_TOOLTIP_SPACING,
+        10
+      );
+      computePosition(reference, float, {
+        placement: this.placement,
+        middleware: [offset({ mainAxis: spacing }), flip(), shift()]
+      }).then(({ x, y }) => {
+        Object.assign(float.style, {
+          left: `${x}px`,
+          top: `${y}px`
+        });
+      }).catch((e) => console.error(e));
+    });
+  }
+  _uninstallAutoUpdate() {
+    var _a;
+    this.open = false;
+    (_a = this._autoUpdateCleanup) == null ? void 0 : _a.call(this);
+    this._autoUpdateCleanup = null;
+  }
+  _changeOpenState(state) {
+    if (this.open === state) {
+      return;
+    }
+    if (!this.dispatchEvent(
+      new CustomEvent("beforetoggle", {
+        detail: { open: this.open },
+        bubbles: true,
+        composed: true,
+        cancelable: true
+      })
+    )) {
+      return;
+    }
+    this.open = state;
+  }
+  _handleClick() {
+    if (this.closeOnClick) {
+      this._changeOpenState(false);
+    }
+  }
+  _handleMouseLeave() {
+    if (this.trigger === "hover") {
+      this._changeOpenState(false);
+    }
+  }
+  _handleMouseEnter() {
+    if (this.trigger === "hover") {
+      this._changeOpenState(true);
+    }
+  }
+  render() {
+    const tooltipClassName = cvaTooltip({
+      variant: this.variant,
+      open: this.open
+    });
+    return html`<div class="relative inline-block">
+      <div
+        ${ref(this._triggerRef)}
+        part="trigger"
+        @click=${this._handleClick}
+        @keydown=${this._handleClick}
+        @mouseleave=${this._handleMouseLeave}
+        @mouseenter=${this._handleMouseEnter}
+      >
+        <slot></slot>
+      </div>
+      <span ${ref(this._tooltipRef)} part="tooltip" class=${tooltipClassName}>
+        <slot name="tooltip">
+          <span class="whitespace-pre-line">${this.description}</span>
+        </slot>
+      </span>
+    </div>`;
+  }
+  updated(changedProperties) {
+    var _a;
+    if (changedProperties.has("open")) {
+      if (this.open) {
+        this._startAutoUpdate();
+      } else {
+        (_a = this._autoUpdateCleanup) == null ? void 0 : _a.call(this);
+        this._autoUpdateCleanup = null;
+      }
+      this.dispatchEvent(
+        new CustomEvent("toggle", {
+          detail: { open: this.open },
+          bubbles: true,
+          composed: true,
+          cancelable: false
+        })
+      );
+    }
+  }
+  disconnectedCallback() {
+    this._uninstallAutoUpdate();
+  }
+};
+DaikinTooltip.styles = css`
+    ${unsafeCSS(tailwindStyles)}
+
+    :host {
+      display: inline-block;
+
+      --dds-tooltip-spacing: ${unsafeCSS(DEFAULT_TOOLTIP_SPACING)};
+    }
+  `;
+__decorateClass([
+  property({ reflect: true, type: String })
+], DaikinTooltip.prototype, "placement", 2);
+__decorateClass([
+  property({ reflect: true, type: String })
+], DaikinTooltip.prototype, "variant", 2);
+__decorateClass([
+  property({ reflect: true, type: Boolean })
+], DaikinTooltip.prototype, "open", 2);
+__decorateClass([
+  property({ type: String })
+], DaikinTooltip.prototype, "description", 2);
+__decorateClass([
+  property({ reflect: true, type: Boolean })
+], DaikinTooltip.prototype, "closeOnClick", 2);
+__decorateClass([
+  property({ reflect: true, type: String })
+], DaikinTooltip.prototype, "trigger", 2);
+DaikinTooltip = __decorateClass([
+  customElement("daikin-tooltip")
+], DaikinTooltip);
+DaikinTooltip.registerCSSCustomProperties();
+export {
+  DaikinTooltip
+};

package/dist/es/components/tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './daikin-tooltip';

package/dist/es/components/tooltip/index.js

@@ -0,0 +1,4 @@
+import { DaikinTooltip } from "./daikin-tooltip.js";
+export {
+  DaikinTooltip
+};

package/dist/es/index.js

@@ -1,33 +1,45 @@
 import { colors } from "./colors.js";
 import { DaikinAccordion } from "./components/accordion/daikin-accordion.js";
 import { DaikinAccordionItem } from "./components/accordion-item/daikin-accordion-item.js";
+import { DaikinBreadcrumb } from "./components/breadcrumb/daikin-breadcrumb.js";
+import { DaikinBreadcrumbItem } from "./components/breadcrumb-item/daikin-breadcrumb-item.js";
 import { DaikinButton } from "./components/button/daikin-button.js";
 import { DaikinCheckbox } from "./components/checkbox/daikin-checkbox.js";
 import { DaikinIcon, iconList } from "./components/icon/daikin-icon.js";
 import { DaikinInputGroup } from "./components/input-group/daikin-input-group.js";
+import { DaikinList } from "./components/list/daikin-list.js";
+import { DaikinListItem } from "./components/list-item/daikin-list-item.js";
 import { DaikinNotification } from "./components/notification/daikin-notification.js";
-import { DaikinPanelSwitcher } from "./components/panel-switcher/daikin-panel-switcher.js";
+import { DaikinProgressBar } from "./components/progress-bar/daikin-progress-bar.js";
 import { DaikinRadio } from "./components/radio/daikin-radio.js";
 import { DaikinTab } from "./components/tab/daikin-tab.js";
-import { DaikinTabGroup } from "./components/tab-group/daikin-tab-group.js";
+import { DaikinTabPanels } from "./components/tab-panels/daikin-tab-panels.js";
+import { DaikinTabs } from "./components/tabs/daikin-tabs.js";
 import { DaikinTextInput } from "./components/text-input/daikin-text-input.js";
 import { DaikinTextarea } from "./components/textarea/daikin-textarea.js";
 import { DaikinToggle } from "./components/toggle/daikin-toggle.js";
+import { DaikinTooltip } from "./components/tooltip/daikin-tooltip.js";
 export {
   DaikinAccordion,
   DaikinAccordionItem,
+  DaikinBreadcrumb,
+  DaikinBreadcrumbItem,
   DaikinButton,
   DaikinCheckbox,
   DaikinIcon,
   DaikinInputGroup,
+  DaikinList,
+  DaikinListItem,
   DaikinNotification,
-  DaikinPanelSwitcher,
+  DaikinProgressBar,
   DaikinRadio,
   DaikinTab,
-  DaikinTabGroup,
+  DaikinTabPanels,
+  DaikinTabs,
   DaikinTextInput,
   DaikinTextarea,
   DaikinToggle,
+  DaikinTooltip,
   colors,
   iconList
 };

package/dist/es/is-client.d.ts

@@ -0,0 +1 @@
+export declare const isClient: boolean;

package/dist/es/is-client.js

@@ -0,0 +1,5 @@
+import { isServer } from "lit";
+const isClient = !isServer && typeof window !== "undefined";
+export {
+  isClient
+};

package/dist/es/tailwind.css.js

@@ -1,6 +1,6 @@
 const tailwindStyles = `/*! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com */
-/*! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com */
-*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{color:inherit;border-top-width:1px;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button{-webkit-appearance:button;background-color:#0000;background-image:none}input:where([type=button]){-webkit-appearance:button;background-color:#0000;background-image:none}input:where([type=reset]){-webkit-appearance:button;background-color:#0000;background-image:none}input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.i-daikin-notification-close{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.75 1L10 7.75L3.24887 1L1 3.25112L7.75 10L1 16.75L3.24887 19L10 12.25L16.75 19L19 16.75L12.2489 10L19 3.25112L16.75 1Z' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-notification-status-alarm{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M18 16V11C18 7.93 16.36 5.36 13.5 4.68V4C13.5 3.17 12.83 2.5 12 2.5C11.17 2.5 10.5 3.17 10.5 4V4.68C7.63 5.36 6 7.92 6 11V16L4 18V19H20V18L18 16ZM13 16H11V14H13V16ZM13 12H11V8H13V12ZM12 22C13.1 22 14 21.1 14 20H10C10 21.1 10.89 22 12 22Z' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-notification-status-information{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M12 1.19995C6.03841 1.19995 1.20001 6.03835 1.20001 12C1.20001 17.9615 6.03841 22.7999 12 22.7999C17.9616 22.7999 22.8 17.9615 22.8 12C22.8 6.03835 17.9616 1.19995 12 1.19995ZM13.08 17.4H10.92V10.92H13.08V17.4ZM13.08 8.75995H10.92V6.59995H13.08V8.75995Z' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-notification-status-negative{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M1 22H23L12 3L1 22ZM13 19H11V17H13V19ZM13 15H11V11H13V15Z' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-notification-status-positive{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-notification-status-warning{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.absolute{position:absolute}.relative{position:relative}.right-0{right:0}.top-\\[-24px\\]{top:-24px}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-12{height:3rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-\\[--size-l\\]{height:var(--size-l)}.h-\\[--size-m\\]{height:var(--size-m)}.h-\\[--size-s\\]{height:var(--size-s)}.h-\\[--size-xl\\]{height:var(--size-xl)}.h-\\[120px\\]{height:120px}.h-\\[14px\\]{height:14px}.h-\\[18px\\]{height:18px}.h-\\[22px\\]{height:22px}.h-\\[31px\\]{height:31px}.h-full{height:100%}.h-max{height:max-content}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\\[--size-l\\]{width:var(--size-l)}.w-\\[--size-m\\]{width:var(--size-m)}.w-\\[--size-s\\]{width:var(--size-s)}.w-\\[--size-xl\\]{width:var(--size-xl)}.w-\\[14px\\]{width:14px}.w-\\[18px\\]{width:18px}.w-\\[340px\\]{width:340px}.w-\\[44px\\]{width:44px}.w-\\[51px\\]{width:51px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:max-content}.flex-\\[1_0_auto\\]{flex:1 0 auto}.flex-none{flex:none}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-5{gap:1.25rem}.gap-\\[10px\\]{gap:10px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded-3xl{border-radius:1.5rem}.rounded-\\[6px\\]{border-radius:6px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-y-\\[1px\\]{border-top-width:1px;border-bottom-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-\\[--colorFeedbackAlarm\\]{border-color:var(--colorFeedbackAlarm)}.border-\\[--colorFeedbackInformation\\]{border-color:var(--colorFeedbackInformation)}.border-\\[--colorFeedbackNegative\\]{border-color:var(--colorFeedbackNegative)}.border-\\[--colorFeedbackPositive\\]{border-color:var(--colorFeedbackPositive)}.border-\\[--colorFeedbackWarning\\]{border-color:var(--colorFeedbackWarning)}.border-\\[--text-input-border-color-error\\]{border-color:var(--text-input-border-color-error)}.border-daikinBlue-500{--tw-border-opacity:1;border-color:rgb(0 151 224/var(--tw-border-opacity))}.border-daikinNeutral-400{--tw-border-opacity:1;border-color:rgb(191 191 191/var(--tw-border-opacity))}.border-daikinNeutral-600{--tw-border-opacity:1;border-color:rgb(130 130 130/var(--tw-border-opacity))}.border-y-\\[\\#CECECE\\]{--tw-border-opacity:1;border-top-color:rgb(206 206 206/var(--tw-border-opacity));border-bottom-color:rgb(206 206 206/var(--tw-border-opacity))}.bg-\\[--buttonColorBackgroundPrimaryActive\\]{background-color:var(--buttonColorBackgroundPrimaryActive)}.bg-\\[--colorFeedbackAlarm\\]{background-color:var(--colorFeedbackAlarm)}.bg-\\[--colorFeedbackInformation\\]{background-color:var(--colorFeedbackInformation)}.bg-\\[--colorFeedbackNegative\\]{background-color:var(--colorFeedbackNegative)}.bg-\\[--colorFeedbackPositive\\]{background-color:var(--colorFeedbackPositive)}.bg-\\[--colorFeedbackWarning\\]{background-color:var(--colorFeedbackWarning)}.bg-daikinNeutral-200{--tw-bg-opacity:1;background-color:rgb(220 220 220/var(--tw-bg-opacity))}.bg-daikinRed{--tw-bg-opacity:1;background-color:rgb(255 73 73/var(--tw-bg-opacity))}.bg-daikinRed-50{--tw-bg-opacity:1;background-color:rgb(250 242 237/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-none{background-image:none}.p-5{padding:1.25rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[9px\\]{padding-left:9px;padding-right:9px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pb-6{padding-bottom:1.5rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-daikinSerif{font-family:Roboto,sans-serif}.text-\\[12px\\]{font-size:12px}.text-\\[14px\\]{font-size:14px}.text-\\[18px\\]{font-size:18px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.not-italic{font-style:normal}.leading-8{line-height:2rem}.leading-\\[22px\\]{line-height:22px}.tracking-wide{letter-spacing:.025em}.text-\\[\\#DCDCDC\\]{--tw-text-opacity:1;color:rgb(220 220 220/var(--tw-text-opacity))}.text-\\[--default-color\\]{color:var(--default-color)}.text-\\[--input-group-border-color-error\\]{color:var(--input-group-border-color-error)}.text-\\[--text-input-outline-color-disabled\\]{color:var(--text-input-outline-color-disabled)}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-daikinBlue-400{--tw-text-opacity:1;color:rgb(45 184 240/var(--tw-text-opacity))}.text-daikinBlue-500{--tw-text-opacity:1;color:rgb(0 151 224/var(--tw-text-opacity))}.text-daikinNeutral-200{--tw-text-opacity:1;color:rgb(220 220 220/var(--tw-text-opacity))}.text-daikinNeutral-800{--tw-text-opacity:1;color:rgb(65 65 65/var(--tw-text-opacity))}.text-daikinNeutral-900{--tw-text-opacity:1;color:rgb(33 33 33/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-notification{--tw-shadow:0px -2px 19px 0px #0000001a;--tw-shadow-colored:0px -2px 19px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.contain-paint{--tw-contain-paint:paint;contain:var(--tw-contain-size)var(--tw-contain-layout)var(--tw-contain-paint)var(--tw-contain-style)}.before\\:i-daikin-input-group-error:before{content:var(--tw-content);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath d='M8 15.9999C3.58155 15.9999 0 12.4183 0 7.99988C0 3.58143 3.58155 -0.00012207 8 -0.00012207C12.4185 -0.00012207 16 3.58143 16 7.99988C16 12.4183 12.4185 15.9999 8 15.9999Z' fill='%23FF4949' /%3E%3Cpath d='M7.97043 2.85352C7.31776 2.85352 6.82391 3.19413 6.82391 3.74429V8.79045C6.82391 9.34119 7.31769 9.68065 7.97043 9.68065C8.60718 9.68065 9.11695 9.32698 9.11695 8.79045V3.74429C9.11689 3.20719 8.60718 2.85352 7.97043 2.85352Z' fill='white' /%3E%3Cpath d='M7.97045 10.8175C7.34338 10.8175 6.83304 11.3278 6.83304 11.9554C6.83304 12.5819 7.34338 13.0923 7.97045 13.0923C8.59751 13.0923 9.10728 12.5819 9.10728 11.9554C9.10722 11.3278 8.59751 10.8175 7.97045 10.8175Z' fill='white' /%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;display:inline-block}.after\\:i-daikin-accordion-chevron-up:after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 12.4587L3.70398 15L10 9.08268L16.296 15L19 12.4587L10 4L1 12.4587Z' fill='black'/%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.after\\:i-daikin-radio-unchecked:after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 16 16' width='16' height='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='black' d='M0 7C0 3.136 3.136 0 7 0C10.864 0 14 3.136 14 7C14 10.864 10.864 14 7 14C3.136 14 0 10.864 0 7ZM1.4 7C1.4 10.094 3.906 12.6 7 12.6C10.094 12.6 12.6 10.094 12.6 7C12.6 3.906 10.094 1.4 7 1.4C3.906 1.4 1.4 3.906 1.4 7Z' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.checked\\:after\\:i-daikin-checkbox-checked:checked:after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -2 16 16' width='16' height='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='black' d='M5 11.21L0 6.21001L1.41 4.80001L5 8.38001L12.59 0.790009L14 2.21001L5 11.21Z' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.checked\\:after\\:i-daikin-radio-checked:checked:after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 16 16' width='16' height='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='black' d='M7 0C3.136 0 0 3.136 0 7C0 10.864 3.136 14 7 14C10.864 14 14 10.864 14 7C14 3.136 10.864 0 7 0ZM7 12.6C3.906 12.6 1.4 10.094 1.4 7C1.4 3.906 3.906 1.4 7 1.4C10.094 1.4 12.6 3.906 12.6 7C12.6 10.094 10.094 12.6 7 12.6ZM7 10.5C8.933 10.5 10.5 8.933 10.5 7C10.5 5.067 8.933 3.5 7 3.5C5.067 3.5 3.5 5.067 3.5 7C3.5 8.933 5.067 10.5 7 10.5Z' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.indeterminate\\:after\\:i-daikin-checkbox-indeterminate:indeterminate:after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Crect x='4' y='7' width='8' height='2' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.aria-controllable\\:hover\\:after\\:i-daikin-radio-checked:hover:enabled:not([aria-readonly=true]):after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 16 16' width='16' height='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='black' d='M7 0C3.136 0 0 3.136 0 7C0 10.864 3.136 14 7 14C10.864 14 14 10.864 14 7C14 3.136 10.864 0 7 0ZM7 12.6C3.906 12.6 1.4 10.094 1.4 7C1.4 3.906 3.906 1.4 7 1.4C10.094 1.4 12.6 3.906 12.6 7C12.6 10.094 10.094 12.6 7 12.6ZM7 10.5C8.933 10.5 10.5 8.933 10.5 7C10.5 5.067 8.933 3.5 7 3.5C5.067 3.5 3.5 5.067 3.5 7C3.5 8.933 5.067 10.5 7 10.5Z' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.aria-controllable\\:focus-visible\\:after\\:i-daikin-radio-unchecked:focus-visible:enabled:not([aria-readonly=true]):after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 16 16' width='16' height='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='black' d='M0 7C0 3.136 3.136 0 7 0C10.864 0 14 3.136 14 7C14 10.864 10.864 14 7 14C3.136 14 0 10.864 0 7ZM1.4 7C1.4 10.094 3.906 12.6 7 12.6C10.094 12.6 12.6 10.094 12.6 7C12.6 3.906 10.094 1.4 7 1.4C3.906 1.4 1.4 3.906 1.4 7Z' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.aria-controllable\\:focus-visible\\:checked\\:after\\:i-daikin-radio-checked:checked:focus-visible:enabled:not([aria-readonly=true]):after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 16 16' width='16' height='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='black' d='M7 0C3.136 0 0 3.136 0 7C0 10.864 3.136 14 7 14C10.864 14 14 10.864 14 7C14 3.136 10.864 0 7 0ZM7 12.6C3.906 12.6 1.4 10.094 1.4 7C1.4 3.906 3.906 1.4 7 1.4C10.094 1.4 12.6 3.906 12.6 7C12.6 10.094 10.094 12.6 7 12.6ZM7 10.5C8.933 10.5 10.5 8.933 10.5 7C10.5 5.067 8.933 3.5 7 3.5C5.067 3.5 3.5 5.067 3.5 7C3.5 8.933 5.067 10.5 7 10.5Z' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.aria-controllable\\:active\\:after\\:i-daikin-radio-checked:active:enabled:not([aria-readonly=true]):after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 16 16' width='16' height='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='black' d='M7 0C3.136 0 0 3.136 0 7C0 10.864 3.136 14 7 14C10.864 14 14 10.864 14 7C14 3.136 10.864 0 7 0ZM7 12.6C3.906 12.6 1.4 10.094 1.4 7C1.4 3.906 3.906 1.4 7 1.4C10.094 1.4 12.6 3.906 12.6 7C12.6 10.094 10.094 12.6 7 12.6ZM7 10.5C8.933 10.5 10.5 8.933 10.5 7C10.5 5.067 8.933 3.5 7 3.5C5.067 3.5 3.5 5.067 3.5 7C3.5 8.933 5.067 10.5 7 10.5Z' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.placeholder\\:text-daikinNeutral-200::placeholder{--tw-text-opacity:1;color:rgb(220 220 220/var(--tw-text-opacity))}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:left-\\[2px\\]:before{content:var(--tw-content);left:2px}.before\\:top-\\[-3px\\]:before{content:var(--tw-content);top:-3px}.before\\:top-\\[2px\\]:before{content:var(--tw-content);top:2px}.before\\:block:before{content:var(--tw-content);display:block}.before\\:h-5:before{content:var(--tw-content);height:1.25rem}.before\\:h-\\[22px\\]:before{content:var(--tw-content);height:22px}.before\\:h-\\[27px\\]:before{content:var(--tw-content);height:27px}.before\\:w-5:before{content:var(--tw-content);width:1.25rem}.before\\:w-\\[16px\\]:before{content:var(--tw-content);width:16px}.before\\:w-\\[27px\\]:before{content:var(--tw-content);width:27px}.before\\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\\:bg-daikinNeutral-600:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(130 130 130/var(--tw-bg-opacity))}.before\\:bg-white:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.before\\:transition:before{content:var(--tw-content);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.before\\:content-\\[\\'\\'\\]:before{--tw-content:"";content:var(--tw-content)}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:bottom-0:after{content:var(--tw-content);bottom:0}.after\\:left-0:after{content:var(--tw-content);left:0}.after\\:right-0:after{content:var(--tw-content);right:0}.after\\:right-4:after{content:var(--tw-content);right:1rem}.after\\:top-0:after{content:var(--tw-content);top:0}.after\\:m-auto:after{content:var(--tw-content);margin:auto}.after\\:ml-\\[2px\\]:after{content:var(--tw-content);margin-left:2px}.after\\:block:after{content:var(--tw-content);display:block}.after\\:h-5:after{content:var(--tw-content);height:1.25rem}.after\\:w-5:after{content:var(--tw-content);width:1.25rem}.after\\:w-full:after{content:var(--tw-content);width:100%}.after\\:-rotate-180:after{content:var(--tw-content);--tw-rotate:-180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.after\\:rotate-0:after{content:var(--tw-content);--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.after\\:text-\\[\\#828282\\]:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(130 130 130/var(--tw-text-opacity))}.after\\:text-\\[\\#DCDCDC\\]:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(220 220 220/var(--tw-text-opacity))}.after\\:text-white:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.after\\:transition-all:after{content:var(--tw-content);transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}.after\\:content-\\[\\'\\*\\'\\]:after{--tw-content:"*";content:var(--tw-content)}.checked\\:bg-daikinBlue-50:checked{--tw-bg-opacity:1;background-color:rgb(209 243 255/var(--tw-bg-opacity))}.checked\\:bg-daikinBlue-500:checked{--tw-bg-opacity:1;background-color:rgb(0 151 224/var(--tw-bg-opacity))}.before\\:checked\\:translate-x-3:checked:before{content:var(--tw-content);--tw-translate-x:.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.before\\:checked\\:translate-x-5:checked:before{content:var(--tw-content);--tw-translate-x:1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.before\\:checked\\:bg-daikinBlue-500:checked:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(0 151 224/var(--tw-bg-opacity))}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-\\[\\#DCDCDC\\]:hover{--tw-bg-opacity:1;background-color:rgb(220 220 220/var(--tw-bg-opacity))}.hover\\:text-daikinBlue-400:hover{--tw-text-opacity:1;color:rgb(45 184 240/var(--tw-text-opacity))}.focus-visible\\:text-daikinBlue-700:focus-visible{--tw-text-opacity:1;color:rgb(13 89 163/var(--tw-text-opacity))}.focus-visible\\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\\:outline:focus-visible{outline-style:solid}.focus-visible\\:outline-2:focus-visible{outline-width:2px}.focus-visible\\:outline-\\[2px\\]:focus-visible{outline-width:2px}.focus-visible\\:outline-offset-\\[-2px\\]:focus-visible{outline-offset:-2px}.focus-visible\\:outline-\\[\\#0097E0\\]:focus-visible{outline-color:#0097e0}.focus-visible\\:outline-\\[--text-input-outline-color-active\\]:focus-visible{outline-color:var(--text-input-outline-color-active)}.active\\:text-daikinBlue-600:active{--tw-text-opacity:1;color:rgb(6 116 193/var(--tw-text-opacity))}.enabled\\:after\\:text-\\[\\#8C8C8C\\]:enabled:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(140 140 140/var(--tw-text-opacity))}.enabled\\:checked\\:border-daikinBlue-600:checked:enabled{--tw-border-opacity:1;border-color:rgb(6 116 193/var(--tw-border-opacity))}.enabled\\:checked\\:bg-daikinBlue-600:checked:enabled{--tw-bg-opacity:1;background-color:rgb(6 116 193/var(--tw-bg-opacity))}.enabled\\:checked\\:after\\:text-daikinBlue-500:checked:enabled:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(0 151 224/var(--tw-text-opacity))}.enabled\\:indeterminate\\:border-daikinBlue-600:indeterminate:enabled{--tw-border-opacity:1;border-color:rgb(6 116 193/var(--tw-border-opacity))}.enabled\\:indeterminate\\:bg-daikinBlue-600:indeterminate:enabled{--tw-bg-opacity:1;background-color:rgb(6 116 193/var(--tw-bg-opacity))}.enabled\\:hover\\:border-daikinBlue-300:hover:enabled{--tw-border-opacity:1;border-color:rgb(84 195 241/var(--tw-border-opacity))}.enabled\\:hover\\:bg-\\[--buttonColorBackgroundPrimaryHover\\]:hover:enabled{background-color:var(--buttonColorBackgroundPrimaryHover)}.enabled\\:hover\\:bg-daikinNeutral-100:hover:enabled{--tw-bg-opacity:1;background-color:rgb(235 235 235/var(--tw-bg-opacity))}.enabled\\:hover\\:bg-daikinRed-400:hover:enabled{--tw-bg-opacity:1;background-color:rgb(255 134 123/var(--tw-bg-opacity))}.enabled\\:hover\\:text-daikinBlue-300:hover:enabled{--tw-text-opacity:1;color:rgb(84 195 241/var(--tw-text-opacity))}.enabled\\:hover\\:outline:hover:enabled{outline-style:solid}.enabled\\:hover\\:outline-2:hover:enabled{outline-width:2px}.enabled\\:hover\\:outline-\\[--text-input-outline-color-hover\\]:hover:enabled{outline-color:var(--text-input-outline-color-hover)}.enabled\\:focus-visible\\:border-daikinBlue-700:focus-visible:enabled{--tw-border-opacity:1;border-color:rgb(13 89 163/var(--tw-border-opacity))}.enabled\\:focus-visible\\:bg-\\[--buttonColorBackgroundPrimaryFocus\\]:focus-visible:enabled{background-color:var(--buttonColorBackgroundPrimaryFocus)}.enabled\\:focus-visible\\:bg-daikinRed-700:focus-visible:enabled{--tw-bg-opacity:1;background-color:rgb(156 50 25/var(--tw-bg-opacity))}.enabled\\:focus-visible\\:text-daikinBlue-700:focus-visible:enabled{--tw-text-opacity:1;color:rgb(13 89 163/var(--tw-text-opacity))}.enabled\\:active\\:border-daikinBlue-600:active:enabled{--tw-border-opacity:1;border-color:rgb(6 116 193/var(--tw-border-opacity))}.enabled\\:active\\:bg-\\[--buttonColorBackgroundPrimaryPress\\]:active:enabled{background-color:var(--buttonColorBackgroundPrimaryPress)}.enabled\\:active\\:bg-daikinRed-700:active:enabled{--tw-bg-opacity:1;background-color:rgb(156 50 25/var(--tw-bg-opacity))}.enabled\\:active\\:text-daikinBlue-600:active:enabled{--tw-text-opacity:1;color:rgb(6 116 193/var(--tw-text-opacity))}.enabled\\:active\\:outline:active:enabled{outline-style:solid}.enabled\\:active\\:outline-2:active:enabled{outline-width:2px}.enabled\\:active\\:outline-\\[--text-input-outline-color-active\\]:active:enabled{outline-color:var(--text-input-outline-color-active)}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:border:disabled{border-width:1px}.disabled\\:border-\\[--text-input-outline-color-disabled\\]:disabled{border-color:var(--text-input-outline-color-disabled)}.disabled\\:border-daikinNeutral-200:disabled{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity))}.disabled\\:border-daikinNeutral-300:disabled{--tw-border-opacity:1;border-color:rgb(206 206 206/var(--tw-border-opacity))}.disabled\\:bg-\\[--buttonColorBackgroundPrimaryDisabled\\]:disabled{background-color:var(--buttonColorBackgroundPrimaryDisabled)}.disabled\\:bg-\\[--text-input-background-color\\]:disabled{background-color:var(--text-input-background-color)}.disabled\\:bg-daikinNeutral-200:disabled{--tw-bg-opacity:1;background-color:rgb(220 220 220/var(--tw-bg-opacity))}.disabled\\:bg-daikinNeutral-300:disabled{--tw-bg-opacity:1;background-color:rgb(206 206 206/var(--tw-bg-opacity))}.disabled\\:bg-transparent:disabled{background-color:#0000}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.disabled\\:text-\\[--text-input-outline-color-disabled\\]:disabled{color:var(--text-input-outline-color-disabled)}.disabled\\:text-daikinNeutral-300:disabled{--tw-text-opacity:1;color:rgb(206 206 206/var(--tw-text-opacity))}.disabled\\:text-daikinNeutral-400:disabled{--tw-text-opacity:1;color:rgb(191 191 191/var(--tw-text-opacity))}.before\\:disabled\\:bg-daikinNeutral-400:disabled:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(191 191 191/var(--tw-bg-opacity))}.disabled\\:after\\:bg-daikinNeutral-300:disabled:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(206 206 206/var(--tw-bg-opacity))}.disabled\\:after\\:text-daikinNeutral-200:disabled:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(220 220 220/var(--tw-text-opacity))}.disabled\\:checked\\:bg-daikinNeutral-200:checked:disabled,.disabled\\:indeterminate\\:bg-daikinNeutral-200:indeterminate:disabled{--tw-bg-opacity:1;background-color:rgb(220 220 220/var(--tw-bg-opacity))}.aria-selected\\:after\\:h-1[aria-selected=true]:after{content:var(--tw-content);height:.25rem}.aria-selected\\:after\\:bg-daikinBlue-500[aria-selected=true]:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(0 151 224/var(--tw-bg-opacity))}.hover\\:aria-selected\\:after\\:bg-daikinBlue-400[aria-selected=true]:hover:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(45 184 240/var(--tw-bg-opacity))}.focus-visible\\:aria-selected\\:after\\:bg-daikinBlue-700[aria-selected=true]:focus-visible:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(13 89 163/var(--tw-bg-opacity))}.active\\:aria-selected\\:after\\:bg-daikinBlue-600[aria-selected=true]:active:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(6 116 193/var(--tw-bg-opacity))}.aria-controllable\\:hover\\:border-daikinBlue-300:hover:enabled:not([aria-readonly=true]){--tw-border-opacity:1;border-color:rgb(84 195 241/var(--tw-border-opacity))}.aria-controllable\\:hover\\:after\\:text-daikinBlue-300:hover:enabled:not([aria-readonly=true]):after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(84 195 241/var(--tw-text-opacity))}.aria-controllable\\:checked\\:hover\\:border-daikinBlue-300:hover:checked:enabled:not([aria-readonly=true]){--tw-border-opacity:1;border-color:rgb(84 195 241/var(--tw-border-opacity))}.aria-controllable\\:checked\\:hover\\:bg-daikinBlue-300:hover:checked:enabled:not([aria-readonly=true]){--tw-bg-opacity:1;background-color:rgb(84 195 241/var(--tw-bg-opacity))}.aria-controllable\\:indeterminate\\:hover\\:border-daikinBlue-300:hover:indeterminate:enabled:not([aria-readonly=true]){--tw-border-opacity:1;border-color:rgb(84 195 241/var(--tw-border-opacity))}.aria-controllable\\:indeterminate\\:hover\\:bg-daikinBlue-300:hover:indeterminate:enabled:not([aria-readonly=true]){--tw-bg-opacity:1;background-color:rgb(84 195 241/var(--tw-bg-opacity))}.aria-controllable\\:focus-visible\\:border-daikinBlue-700:focus-visible:enabled:not([aria-readonly=true]){--tw-border-opacity:1;border-color:rgb(13 89 163/var(--tw-border-opacity))}.aria-controllable\\:focus-visible\\:after\\:text-daikinBlue-700:focus-visible:enabled:not([aria-readonly=true]):after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(13 89 163/var(--tw-text-opacity))}.aria-controllable\\:checked\\:focus-visible\\:border-daikinBlue-700:focus-visible:checked:enabled:not([aria-readonly=true]){--tw-border-opacity:1;border-color:rgb(13 89 163/var(--tw-border-opacity))}.aria-controllable\\:checked\\:focus-visible\\:bg-daikinBlue-700:focus-visible:checked:enabled:not([aria-readonly=true]){--tw-bg-opacity:1;background-color:rgb(13 89 163/var(--tw-bg-opacity))}.aria-controllable\\:indeterminate\\:focus-visible\\:border-daikinBlue-700:focus-visible:indeterminate:enabled:not([aria-readonly=true]){--tw-border-opacity:1;border-color:rgb(13 89 163/var(--tw-border-opacity))}.aria-controllable\\:indeterminate\\:focus-visible\\:bg-daikinBlue-700:focus-visible:indeterminate:enabled:not([aria-readonly=true]){--tw-bg-opacity:1;background-color:rgb(13 89 163/var(--tw-bg-opacity))}.aria-controllable\\:active\\:border-daikinBlue-600:active:enabled:not([aria-readonly=true]){--tw-border-opacity:1;border-color:rgb(6 116 193/var(--tw-border-opacity))}.aria-controllable\\:active\\:after\\:text-daikinBlue-500:active:enabled:not([aria-readonly=true]):after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(0 151 224/var(--tw-text-opacity))}.aria-controllable\\:checked\\:active\\:border-daikinBlue-600:active:checked:enabled:not([aria-readonly=true]){--tw-border-opacity:1;border-color:rgb(6 116 193/var(--tw-border-opacity))}.aria-controllable\\:checked\\:active\\:bg-daikinBlue-600:active:checked:enabled:not([aria-readonly=true]){--tw-bg-opacity:1;background-color:rgb(6 116 193/var(--tw-bg-opacity))}.aria-controllable\\:indeterminate\\:active\\:border-daikinBlue-600:active:indeterminate:enabled:not([aria-readonly=true]){--tw-border-opacity:1;border-color:rgb(6 116 193/var(--tw-border-opacity))}.aria-controllable\\:indeterminate\\:active\\:bg-daikinBlue-600:active:indeterminate:enabled:not([aria-readonly=true]){--tw-bg-opacity:1;background-color:rgb(6 116 193/var(--tw-bg-opacity))}`;
+/*! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com */
+*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{color:inherit;border-top-width:1px;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button{-webkit-appearance:button;background-color:#0000;background-image:none}input:where([type=button]){-webkit-appearance:button;background-color:#0000;background-image:none}input:where([type=reset]){-webkit-appearance:button;background-color:#0000;background-image:none}input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.i-daikin-chevron-down{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath d='M17 7.52227L15.355 6L10 10.9447L4.645 6L3 7.52227L10 14L17 7.52227Z' fill='black'/%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-chevron-left{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath d='M14 4.645L12.4777 3L6 10L12.4777 17L14 15.355L9.05533 10L14 4.645Z' fill='black'/%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-chevron-right{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath d='M7.52227 3L6 4.645L10.9447 10L6 15.355L7.52227 17L14 10L7.52227 3Z' fill='black'/%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-chevron-up{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath d='M3 12.4777L4.645 14L10 9.05533L15.355 14L17 12.4777L10 6L3 12.4777Z' fill='black'/%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-notification-close{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.75 1L10 7.75L3.24887 1L1 3.25112L7.75 10L1 16.75L3.24887 19L10 12.25L16.75 19L19 16.75L12.2489 10L19 3.25112L16.75 1Z' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-notification-status-alarm{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M18 16V11C18 7.93 16.36 5.36 13.5 4.68V4C13.5 3.17 12.83 2.5 12 2.5C11.17 2.5 10.5 3.17 10.5 4V4.68C7.63 5.36 6 7.92 6 11V16L4 18V19H20V18L18 16ZM13 16H11V14H13V16ZM13 12H11V8H13V12ZM12 22C13.1 22 14 21.1 14 20H10C10 21.1 10.89 22 12 22Z' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-notification-status-information{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M12 1.19995C6.03841 1.19995 1.20001 6.03835 1.20001 12C1.20001 17.9615 6.03841 22.7999 12 22.7999C17.9616 22.7999 22.8 17.9615 22.8 12C22.8 6.03835 17.9616 1.19995 12 1.19995ZM13.08 17.4H10.92V10.92H13.08V17.4ZM13.08 8.75995H10.92V6.59995H13.08V8.75995Z' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-notification-status-negative{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M1 22H23L12 3L1 22ZM13 19H11V17H13V19ZM13 15H11V11H13V15Z' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-notification-status-positive{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-notification-status-warning{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-status-error{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='black' fill-rule='evenodd' d='M8 16a8 8 0 1 1 8-8 8 8 0 0 1-8 8ZM7.97 2.854c-.652 0-1.146.34-1.146.89v5.047c0 .55.494.89 1.146.89.637 0 1.147-.354 1.147-.89V3.744c0-.537-.51-.89-1.147-.89Zm-1.137 9.102c0-.628.51-1.138 1.137-1.138a1.138 1.138 0 0 1 0 2.274c-.627 0-1.137-.51-1.137-1.136Z'/%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.right-0{right:0}.top-0{top:0}.top-\\[-24px\\]{top:-24px}.-ml-1{margin-left:-.25rem}.-mr-1{margin-right:-.25rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.size-4{width:1rem;height:1rem}.h-1{height:.25rem}.h-2{height:.5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\\[--size-l\\]{height:var(--size-l)}.h-\\[--size-m\\]{height:var(--size-m)}.h-\\[--size-s\\]{height:var(--size-s)}.h-\\[--size-xl\\]{height:var(--size-xl)}.h-\\[22px\\]{height:22px}.h-full{height:100%}.min-h-12{min-height:3rem}.w-12{width:3rem}.w-5{width:1.25rem}.w-\\[--size-l\\]{width:var(--size-l)}.w-\\[--size-m\\]{width:var(--size-m)}.w-\\[--size-s\\]{width:var(--size-s)}.w-\\[--size-xl\\]{width:var(--size-xl)}.w-\\[44px\\]{width:44px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-\\[312px\\]{max-width:312px}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-\\[6px\\]{border-radius:6px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-solid{border-style:solid}.border-\\[--color-primary\\]{border-color:var(--color-primary)}.border-\\[--colorFeedbackAlarm\\]{border-color:var(--colorFeedbackAlarm)}.border-\\[--colorFeedbackInformation\\]{border-color:var(--colorFeedbackInformation)}.border-\\[--colorFeedbackNegative\\]{border-color:var(--colorFeedbackNegative)}.border-\\[--colorFeedbackPositive\\]{border-color:var(--colorFeedbackPositive)}.border-\\[--colorFeedbackWarning\\]{border-color:var(--colorFeedbackWarning)}.border-\\[--text-input-border-color-error\\]{border-color:var(--text-input-border-color-error)}.border-daikinNeutral-600{--tw-border-opacity:1;border-color:rgb(130 130 130/var(--tw-border-opacity))}.border-daikinNeutral-800{--tw-border-opacity:1;border-color:rgb(65 65 65/var(--tw-border-opacity))}.bg-\\[--color-primary\\]{background-color:var(--color-primary)}.bg-\\[--color-secondary\\]{background-color:var(--color-secondary)}.bg-\\[--colorFeedbackAlarm\\]{background-color:var(--colorFeedbackAlarm)}.bg-\\[--colorFeedbackInformation\\]{background-color:var(--colorFeedbackInformation)}.bg-\\[--colorFeedbackNegative\\]{background-color:var(--colorFeedbackNegative)}.bg-\\[--colorFeedbackPositive\\]{background-color:var(--colorFeedbackPositive)}.bg-\\[--colorFeedbackWarning\\]{background-color:var(--colorFeedbackWarning)}.bg-daikinNeutral-200{--tw-bg-opacity:1;background-color:rgb(220 220 220/var(--tw-bg-opacity))}.bg-daikinNeutral-600{--tw-bg-opacity:1;background-color:rgb(130 130 130/var(--tw-bg-opacity))}.bg-daikinNeutral-800\\/90{background-color:#414141e6}.bg-daikinRed-50{--tw-bg-opacity:1;background-color:rgb(250 242 237/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\\/90{background-color:#ffffffe6}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-\\[9px\\]{padding-left:9px;padding-right:9px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-3{padding-bottom:.75rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pr-3{padding-right:.75rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-daikinSerif{font-family:Roboto,sans-serif}.text-\\[12px\\]{font-size:12px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.not-italic{font-style:normal}.leading-5{line-height:1.25rem}.leading-8{line-height:2rem}.leading-\\[22px\\]{line-height:22px}.tracking-wide{letter-spacing:.025em}.\\!text-daikinNeutral-800{--tw-text-opacity:1!important;color:rgb(65 65 65/var(--tw-text-opacity))!important}.text-\\[--color-primary\\]{color:var(--color-primary)}.text-\\[--default-color\\]{color:var(--default-color)}.text-\\[--input-group-border-color-error\\]{color:var(--input-group-border-color-error)}.text-\\[--text-input-outline-color-disabled\\]{color:var(--text-input-outline-color-disabled)}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-daikinBlue-500{--tw-text-opacity:1;color:rgb(0 151 224/var(--tw-text-opacity))}.text-daikinNeutral-200{--tw-text-opacity:1;color:rgb(220 220 220/var(--tw-text-opacity))}.text-daikinNeutral-800{--tw-text-opacity:1;color:rgb(65 65 65/var(--tw-text-opacity))}.text-daikinNeutral-900{--tw-text-opacity:1;color:rgb(33 33 33/var(--tw-text-opacity))}.text-daikinRed-500{--tw-text-opacity:1;color:rgb(255 73 73/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-notification{--tw-shadow:0px -2px 19px 0px #0000001a;--tw-shadow-colored:0px -2px 19px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.contain-paint{--tw-contain-paint:paint;contain:var(--tw-contain-size)var(--tw-contain-layout)var(--tw-contain-paint)var(--tw-contain-style)}.var-color-transparent\\/color-secondary{--color-secondary:transparent}.before\\:i-daikin-status-error:before{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='black' fill-rule='evenodd' d='M8 16a8 8 0 1 1 8-8 8 8 0 0 1-8 8ZM7.97 2.854c-.652 0-1.146.34-1.146.89v5.047c0 .55.494.89 1.146.89.637 0 1.147-.354 1.147-.89V3.744c0-.537-.51-.89-1.147-.89Zm-1.137 9.102c0-.628.51-1.138 1.137-1.138a1.138 1.138 0 0 1 0 2.274c-.627 0-1.137-.51-1.137-1.136Z'/%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.after\\:i-daikin-chevron-down:after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath d='M17 7.52227L15.355 6L10 10.9447L4.645 6L3 7.52227L10 14L17 7.52227Z' fill='black'/%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.after\\:i-daikin-notification-status-positive:after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.after\\:i-daikin-status-error:after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='black' fill-rule='evenodd' d='M8 16a8 8 0 1 1 8-8 8 8 0 0 1-8 8ZM7.97 2.854c-.652 0-1.146.34-1.146.89v5.047c0 .55.494.89 1.146.89.637 0 1.147-.354 1.147-.89V3.744c0-.537-.51-.89-1.147-.89Zm-1.137 9.102c0-.628.51-1.138 1.137-1.138a1.138 1.138 0 0 1 0 2.274c-.627 0-1.137-.51-1.137-1.136Z'/%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.checked\\:before\\:i-daikin-checkbox-checked:checked:before{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -2 16 16' width='16' height='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='black' d='M5 11.21L0 6.21001L1.41 4.80001L5 8.38001L12.59 0.790009L14 2.21001L5 11.21Z' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.indeterminate\\:before\\:i-daikin-checkbox-indeterminate:indeterminate:before{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2' width='10' height='2'%3E%3Crect width='10' height='2' fill='black'/%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.placeholder\\:text-daikinNeutral-200::placeholder{--tw-text-opacity:1;color:rgb(220 220 220/var(--tw-text-opacity))}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:inset-0:before{content:var(--tw-content);top:0;bottom:0;left:0;right:0}.before\\:bottom-0:before{content:var(--tw-content);bottom:0}.before\\:left-1:before{content:var(--tw-content);left:.25rem}.before\\:top-0:before{content:var(--tw-content);top:0}.before\\:m-auto:before{content:var(--tw-content);margin:auto}.before\\:block:before{content:var(--tw-content);display:block}.before\\:size-4:before{content:var(--tw-content);width:1rem;height:1rem}.before\\:h-\\[22px\\]:before{content:var(--tw-content);height:22px}.before\\:h-full:before{content:var(--tw-content);height:100%}.before\\:w-\\[16px\\]:before{content:var(--tw-content);width:16px}.before\\:w-full:before{content:var(--tw-content);width:100%}.before\\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\\:text-white:before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.before\\:transition:before{content:var(--tw-content);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.before\\:duration-300:before{content:var(--tw-content);transition-duration:.3s}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:bottom-0:after{content:var(--tw-content);bottom:0}.after\\:left-0:after{content:var(--tw-content);left:0}.after\\:ml-\\[2px\\]:after{content:var(--tw-content);margin-left:2px}.after\\:block:after{content:var(--tw-content);display:block}.after\\:size-4:after{content:var(--tw-content);width:1rem;height:1rem}.after\\:size-6:after{content:var(--tw-content);width:1.5rem;height:1.5rem}.after\\:h-1:after{content:var(--tw-content);height:.25rem}.after\\:h-full:after{content:var(--tw-content);height:100%}.after\\:w-1\\/2:after{content:var(--tw-content);width:50%}.after\\:w-\\[--bar-width\\]:after{content:var(--tw-content);width:var(--bar-width)}.after\\:w-full:after{content:var(--tw-content);width:100%}.after\\:rotate-0:after{content:var(--tw-content);--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.after\\:rotate-180:after{content:var(--tw-content);--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}@keyframes progress-bar-indeterminate{0%{content:var(--tw-content);transform:translate(-100%)}to{content:var(--tw-content);transform:translate(200%)}}.after\\:animate-\\[progress-bar-indeterminate_1200ms_linear_infinite\\]:after{content:var(--tw-content);animation:1.2s linear infinite progress-bar-indeterminate}.after\\:bg-daikinBlue-500:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(0 151 224/var(--tw-bg-opacity))}.after\\:bg-daikinGreen-500:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(19 206 102/var(--tw-bg-opacity))}.after\\:bg-daikinRed-500:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 73 73/var(--tw-bg-opacity))}.after\\:text-daikinGreen-500:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(19 206 102/var(--tw-text-opacity))}.after\\:text-daikinNeutral-200:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(220 220 220/var(--tw-text-opacity))}.after\\:text-daikinRed-500:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(255 73 73/var(--tw-text-opacity))}.after\\:transition-all:after{content:var(--tw-content);transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:content-\\[\\'\\*\\'\\]:after{--tw-content:"*";content:var(--tw-content)}.checked\\:border-\\[5px\\]:checked{border-width:5px}.before\\:checked\\:translate-x-6:checked:before{content:var(--tw-content);--tw-translate-x:1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.indeterminate\\:before\\:size-2\\.5:indeterminate:before{content:var(--tw-content);width:.625rem;height:.625rem}.hover\\:bg-daikinNeutral-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 235/var(--tw-bg-opacity))}.hover\\:text-daikinBlue-300:hover{--tw-text-opacity:1;color:rgb(84 195 241/var(--tw-text-opacity))}.hover\\:text-daikinNeutral-500:hover{--tw-text-opacity:1;color:rgb(160 160 160/var(--tw-text-opacity))}.focus-visible\\:\\!text-daikinNeutral-800:focus-visible{--tw-text-opacity:1!important;color:rgb(65 65 65/var(--tw-text-opacity))!important}.focus-visible\\:text-daikinBlue-700:focus-visible{--tw-text-opacity:1;color:rgb(13 89 163/var(--tw-text-opacity))}.focus-visible\\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\\:outline:focus-visible{outline-style:solid}.focus-visible\\:outline-1:focus-visible{outline-width:1px}.focus-visible\\:outline-2:focus-visible{outline-width:2px}.focus-visible\\:-outline-offset-2:focus-visible{outline-offset:-2px}.focus-visible\\:outline-offset-1:focus-visible{outline-offset:1px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:outline-\\[\\#0081C0\\]:focus-visible{outline-color:#0081c0}.focus-visible\\:outline-\\[--text-input-outline-color-active\\]:focus-visible{outline-color:var(--text-input-outline-color-active)}.focus-visible\\:outline-daikinBlue-700:focus-visible{outline-color:#0d59a3}.focus-visible\\:before\\:absolute:focus-visible:before{content:var(--tw-content);position:absolute}.focus-visible\\:before\\:top-0:focus-visible:before{content:var(--tw-content);top:0}.focus-visible\\:before\\:h-\\[calc\\(100\\%_-_4px\\)\\]:focus-visible:before{content:var(--tw-content);height:calc(100% - 4px)}.focus-visible\\:before\\:w-full:focus-visible:before{content:var(--tw-content);width:100%}.focus-visible\\:before\\:border:focus-visible:before{content:var(--tw-content);border-width:1px}.focus-visible\\:before\\:border-daikinBlue-700:focus-visible:before{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(13 89 163/var(--tw-border-opacity))}.focus-visible\\:before\\:outline:focus-visible:before{content:var(--tw-content);outline-style:solid}.focus-visible\\:before\\:outline-1:focus-visible:before{content:var(--tw-content);outline-width:1px}.focus-visible\\:before\\:-outline-offset-1:focus-visible:before{content:var(--tw-content);outline-offset:-1px}.focus-visible\\:before\\:outline-daikinBlue-700:focus-visible:before{content:var(--tw-content);outline-color:#0d59a3}.active\\:bg-daikinNeutral-200:active{--tw-bg-opacity:1;background-color:rgb(220 220 220/var(--tw-bg-opacity))}.active\\:text-daikinBlue-600:active{--tw-text-opacity:1;color:rgb(6 116 193/var(--tw-text-opacity))}.active\\:text-daikinNeutral-700:active{--tw-text-opacity:1;color:rgb(97 97 97/var(--tw-text-opacity))}.active\\:text-daikinNeutral-800:active{--tw-text-opacity:1;color:rgb(65 65 65/var(--tw-text-opacity))}.enabled\\:before\\:bg-white:enabled:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.enabled\\:after\\:bg-daikinBlue-500:enabled:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(0 151 224/var(--tw-bg-opacity))}.enabled\\:checked\\:border-daikinBlue-500:checked:enabled{--tw-border-opacity:1;border-color:rgb(0 151 224/var(--tw-border-opacity))}.enabled\\:checked\\:bg-daikinBlue-500:checked:enabled{--tw-bg-opacity:1;background-color:rgb(0 151 224/var(--tw-bg-opacity))}.enabled\\:indeterminate\\:border-daikinBlue-500:indeterminate:enabled{--tw-border-opacity:1;border-color:rgb(0 151 224/var(--tw-border-opacity))}.enabled\\:indeterminate\\:bg-daikinBlue-500:indeterminate:enabled{--tw-bg-opacity:1;background-color:rgb(0 151 224/var(--tw-bg-opacity))}.enabled\\:hover\\:bg-daikinNeutral-400:hover:enabled{--tw-bg-opacity:1;background-color:rgb(191 191 191/var(--tw-bg-opacity))}.enabled\\:hover\\:outline:hover:enabled{outline-style:solid}.enabled\\:hover\\:outline-2:hover:enabled{outline-width:2px}.enabled\\:hover\\:outline-\\[--text-input-outline-color-hover\\]:hover:enabled{outline-color:var(--text-input-outline-color-hover)}.enabled\\:checked\\:hover\\:bg-daikinBlue-300:hover:checked:enabled{--tw-bg-opacity:1;background-color:rgb(84 195 241/var(--tw-bg-opacity))}.enabled\\:active\\:bg-daikinNeutral-700:active:enabled{--tw-bg-opacity:1;background-color:rgb(97 97 97/var(--tw-bg-opacity))}.enabled\\:active\\:outline:active:enabled{outline-style:solid}.enabled\\:active\\:outline-2:active:enabled{outline-width:2px}.enabled\\:active\\:outline-\\[--text-input-outline-color-active\\]:active:enabled{outline-color:var(--text-input-outline-color-active)}.enabled\\:checked\\:active\\:bg-daikinBlue-600:active:checked:enabled{--tw-bg-opacity:1;background-color:rgb(6 116 193/var(--tw-bg-opacity))}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:border-\\[--text-input-outline-color-disabled\\]:disabled{border-color:var(--text-input-outline-color-disabled)}.disabled\\:border-daikinNeutral-200:disabled{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity))}.disabled\\:bg-\\[--text-input-background-color\\]:disabled{background-color:var(--text-input-background-color)}.disabled\\:bg-daikinNeutral-200:disabled{--tw-bg-opacity:1;background-color:rgb(220 220 220/var(--tw-bg-opacity))}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.disabled\\:text-\\[--text-input-outline-color-disabled\\]:disabled{color:var(--text-input-outline-color-disabled)}.disabled\\:text-daikinNeutral-200:disabled{--tw-text-opacity:1;color:rgb(220 220 220/var(--tw-text-opacity))}.disabled\\:before\\:bg-daikinNeutral-100:disabled:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(235 235 235/var(--tw-bg-opacity))}.disabled\\:after\\:bg-daikinNeutral-200:disabled:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(220 220 220/var(--tw-bg-opacity))}.disabled\\:checked\\:bg-daikinNeutral-200:checked:disabled,.disabled\\:indeterminate\\:bg-daikinNeutral-200:indeterminate:disabled{--tw-bg-opacity:1;background-color:rgb(220 220 220/var(--tw-bg-opacity))}.group:hover .enabled\\:group-hover\\:border-daikinNeutral-400:enabled{--tw-border-opacity:1;border-color:rgb(191 191 191/var(--tw-border-opacity))}.group:hover .enabled\\:checked\\:group-hover\\:border-daikinBlue-300:checked:enabled{--tw-border-opacity:1;border-color:rgb(84 195 241/var(--tw-border-opacity))}.group:hover .enabled\\:checked\\:group-hover\\:bg-daikinBlue-300:checked:enabled{--tw-bg-opacity:1;background-color:rgb(84 195 241/var(--tw-bg-opacity))}.group:hover .enabled\\:checked\\:group-hover\\:before\\:text-white:checked:enabled:before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group:hover .enabled\\:indeterminate\\:group-hover\\:border-daikinBlue-300:indeterminate:enabled{--tw-border-opacity:1;border-color:rgb(84 195 241/var(--tw-border-opacity))}.group:hover .enabled\\:indeterminate\\:group-hover\\:bg-daikinBlue-300:indeterminate:enabled{--tw-bg-opacity:1;background-color:rgb(84 195 241/var(--tw-bg-opacity))}.group:hover .enabled\\:indeterminate\\:group-hover\\:before\\:text-white:indeterminate:enabled:before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group:active .enabled\\:group-active\\:border-daikinNeutral-700:enabled{--tw-border-opacity:1;border-color:rgb(97 97 97/var(--tw-border-opacity))}.group:active .enabled\\:checked\\:group-active\\:border-daikinBlue-600:checked:enabled{--tw-border-opacity:1;border-color:rgb(6 116 193/var(--tw-border-opacity))}.group:active .enabled\\:checked\\:group-active\\:bg-daikinBlue-600:checked:enabled{--tw-bg-opacity:1;background-color:rgb(6 116 193/var(--tw-bg-opacity))}.group:active .enabled\\:checked\\:group-active\\:before\\:text-white:checked:enabled:before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group:active .enabled\\:indeterminate\\:group-active\\:border-daikinBlue-600:indeterminate:enabled{--tw-border-opacity:1;border-color:rgb(6 116 193/var(--tw-border-opacity))}.group:active .enabled\\:indeterminate\\:group-active\\:bg-daikinBlue-600:indeterminate:enabled{--tw-bg-opacity:1;background-color:rgb(6 116 193/var(--tw-bg-opacity))}.group:active .enabled\\:indeterminate\\:group-active\\:before\\:text-white:indeterminate:enabled:before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.link-enabled\\:var-color-\\[\\#D80C18\\]\\/color-primary:-webkit-any(:any-link,:enabled){--color-primary:#d80c18}.link-enabled\\:var-color-\\[\\#D80C18\\]\\/color-primary:-moz-any(:-moz-any-link,:enabled){--color-primary:#d80c18}.link-enabled\\:var-color-\\[\\#D80C18\\]\\/color-primary:is(:any-link,:enabled){--color-primary:#d80c18}.link-enabled\\:var-color-daikinBlue-500\\/color-primary:-webkit-any(:any-link,:enabled){--color-primary:#0097e0}.link-enabled\\:var-color-daikinBlue-500\\/color-primary:-moz-any(:-moz-any-link,:enabled){--color-primary:#0097e0}.link-enabled\\:var-color-daikinBlue-500\\/color-primary:is(:any-link,:enabled){--color-primary:#0097e0}.link-enabled\\:hover\\:var-color-\\[\\#0081C0\\]\\/color-primary:hover:-webkit-any(:any-link,:enabled){--color-primary:#0081c0}.link-enabled\\:hover\\:var-color-\\[\\#0081C0\\]\\/color-primary:hover:-moz-any(:-moz-any-link,:enabled){--color-primary:#0081c0}.link-enabled\\:hover\\:var-color-\\[\\#0081C0\\]\\/color-primary:hover:is(:any-link,:enabled){--color-primary:#0081c0}.link-enabled\\:hover\\:var-color-\\[\\#B90A15\\]\\/color-primary:hover:-webkit-any(:any-link,:enabled){--color-primary:#b90a15}.link-enabled\\:hover\\:var-color-\\[\\#B90A15\\]\\/color-primary:hover:-moz-any(:-moz-any-link,:enabled){--color-primary:#b90a15}.link-enabled\\:hover\\:var-color-\\[\\#B90A15\\]\\/color-primary:hover:is(:any-link,:enabled){--color-primary:#b90a15}.link-enabled\\:hover\\:var-color-\\[\\#DDF3FC\\]\\/color-secondary:hover:-webkit-any(:any-link,:enabled){--color-secondary:#ddf3fc}.link-enabled\\:hover\\:var-color-\\[\\#DDF3FC\\]\\/color-secondary:hover:-moz-any(:-moz-any-link,:enabled){--color-secondary:#ddf3fc}.link-enabled\\:hover\\:var-color-\\[\\#DDF3FC\\]\\/color-secondary:hover:is(:any-link,:enabled){--color-secondary:#ddf3fc}.link-enabled\\:hover\\:var-color-\\[\\#FDD9DB\\]\\/color-secondary:hover:-webkit-any(:any-link,:enabled){--color-secondary:#fdd9db}.link-enabled\\:hover\\:var-color-\\[\\#FDD9DB\\]\\/color-secondary:hover:-moz-any(:-moz-any-link,:enabled){--color-secondary:#fdd9db}.link-enabled\\:hover\\:var-color-\\[\\#FDD9DB\\]\\/color-secondary:hover:is(:any-link,:enabled){--color-secondary:#fdd9db}.link-enabled\\:active\\:var-color-\\[\\#00689A\\]\\/color-primary:active:-webkit-any(:any-link,:enabled){--color-primary:#00689a}.link-enabled\\:active\\:var-color-\\[\\#00689A\\]\\/color-primary:active:-moz-any(:-moz-any-link,:enabled){--color-primary:#00689a}.link-enabled\\:active\\:var-color-\\[\\#00689A\\]\\/color-primary:active:is(:any-link,:enabled){--color-primary:#00689a}.link-enabled\\:active\\:var-color-\\[\\#9A0911\\]\\/color-primary:active:-webkit-any(:any-link,:enabled){--color-primary:#9a0911}.link-enabled\\:active\\:var-color-\\[\\#9A0911\\]\\/color-primary:active:-moz-any(:-moz-any-link,:enabled){--color-primary:#9a0911}.link-enabled\\:active\\:var-color-\\[\\#9A0911\\]\\/color-primary:active:is(:any-link,:enabled){--color-primary:#9a0911}.link-enabled\\:active\\:var-color-\\[\\#BBE7F9\\]\\/color-secondary:active:-webkit-any(:any-link,:enabled){--color-secondary:#bbe7f9}.link-enabled\\:active\\:var-color-\\[\\#BBE7F9\\]\\/color-secondary:active:-moz-any(:-moz-any-link,:enabled){--color-secondary:#bbe7f9}.link-enabled\\:active\\:var-color-\\[\\#BBE7F9\\]\\/color-secondary:active:is(:any-link,:enabled){--color-secondary:#bbe7f9}.link-enabled\\:active\\:var-color-\\[\\#FBB3B7\\]\\/color-secondary:active:-webkit-any(:any-link,:enabled){--color-secondary:#fbb3b7}.link-enabled\\:active\\:var-color-\\[\\#FBB3B7\\]\\/color-secondary:active:-moz-any(:-moz-any-link,:enabled){--color-secondary:#fbb3b7}.link-enabled\\:active\\:var-color-\\[\\#FBB3B7\\]\\/color-secondary:active:is(:any-link,:enabled){--color-secondary:#fbb3b7}.link-enabled\\:before\\:active\\:bg-daikinNeutral-100:active:-webkit-any(:any-link,:enabled):before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(235 235 235/var(--tw-bg-opacity))}.link-enabled\\:before\\:active\\:bg-daikinNeutral-100:active:-moz-any(:-moz-any-link,:enabled):before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(235 235 235/var(--tw-bg-opacity))}.link-enabled\\:before\\:active\\:bg-daikinNeutral-100:active:is(:any-link,:enabled):before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(235 235 235/var(--tw-bg-opacity))}.link-disabled\\:var-color-daikinNeutral-400\\/color-primary:not(:-webkit-any(:any-link,:enabled)){--color-primary:#bfbfbf}.link-disabled\\:var-color-daikinNeutral-400\\/color-primary:not(:-moz-any(:-moz-any-link,:enabled)){--color-primary:#bfbfbf}.link-disabled\\:var-color-daikinNeutral-400\\/color-primary:not(:is(:any-link,:enabled)){--color-primary:#bfbfbf}.link-disabled\\:var-color-daikinNeutral-400\\/color-primary:not(:-webkit-any(:any-link,:enabled)){--color-primary:#bfbfbf}.link-disabled\\:var-color-daikinNeutral-400\\/color-primary:not(:-moz-any(:any-link,:enabled)){--color-primary:#bfbfbf}.link-disabled\\:var-color-daikinNeutral-400\\/color-primary:not(:is(:any-link,:enabled)){--color-primary:#bfbfbf}.unchecked\\:border-2:not(:checked){border-width:2px}.enabled\\:unchecked\\:border-daikinNeutral-600:not(:checked):enabled{--tw-border-opacity:1;border-color:rgb(130 130 130/var(--tw-border-opacity))}.enabled\\:unchecked\\:hover\\:border-daikinNeutral-400:hover:not(:checked):enabled{--tw-border-opacity:1;border-color:rgb(191 191 191/var(--tw-border-opacity))}.enabled\\:unchecked\\:active\\:border-daikinNeutral-700:active:not(:checked):enabled{--tw-border-opacity:1;border-color:rgb(97 97 97/var(--tw-border-opacity))}.\\[\\&\\:has\\(a\\:not\\(\\:-moz-any-link\\)\\,\\:disabled\\)\\]\\:text-daikinNeutral-200:has(a:not(:-moz-any-link),:disabled){--tw-text-opacity:1;color:rgb(220 220 220/var(--tw-text-opacity))}.\\[\\&\\:has\\(a\\:not\\(\\:any-link\\)\\,\\:disabled\\)\\]\\:text-daikinNeutral-200:has(a:not(:any-link),:disabled){--tw-text-opacity:1;color:rgb(220 220 220/var(--tw-text-opacity))}.group:hover .link-enabled\\:before\\:group-hover\\:\\[\\&\\:not\\(\\:active\\)\\]\\:bg-\\[\\#f2f2f2\\]:not(:active):-webkit-any(:any-link,:enabled):before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity))}.group:hover .link-enabled\\:before\\:group-hover\\:\\[\\&\\:not\\(\\:active\\)\\]\\:bg-\\[\\#f2f2f2\\]:not(:active):-moz-any(:-moz-any-link,:enabled):before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity))}.group:hover .link-enabled\\:before\\:group-hover\\:\\[\\&\\:not\\(\\:active\\)\\]\\:bg-\\[\\#f2f2f2\\]:not(:active):is(:any-link,:enabled):before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity))}.group:hover .\\[\\&\\:not\\(a\\,button\\)\\]\\:before\\:group-hover\\:bg-\\[\\#f2f2f2\\]:not(:-webkit-any(a,button)):before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity))}.group:hover .\\[\\&\\:not\\(a\\,button\\)\\]\\:before\\:group-hover\\:bg-\\[\\#f2f2f2\\]:not(:-moz-any(a,button)):before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity))}.group:hover .\\[\\&\\:not\\(a\\,button\\)\\]\\:before\\:group-hover\\:bg-\\[\\#f2f2f2\\]:not(:is(a,button)):before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity))}`;
 export {
   tailwindStyles as default
 };

package/dist/es/type-utils.d.ts

@@ -1,5 +1,4 @@
 import { VariantProps } from 'class-variance-authority';
-
 type NonNullableProps<T> = {
     [K in keyof T]-?: Exclude<T[K], null | undefined>;
 };

package/dist/es-dev/components/accordion/daikin-accordion.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 /**
  * The accordion component serves as the parent element that organizes and manages the overall structure of the accordion.
  * Currently it only provides appropriate styles for individual accordion items.
@@ -11,25 +10,31 @@ import { LitElement } from 'lit';
  *
  * @example
  *
+ * ```js
+ * import "@daikin-oss/design-system-web-components/components/accordion/index.js";
+ * ```
+ *
  * ```html
  * <daikin-accordion>
- *   <daikin-accordion-item title="The first accordion item">
- *     Accordion 1 content.
- *   </daikin-accordion-item>
- *   <daikin-accordion-item title="The second accordion item" open>
- *     Accordion 2 content.
+ *   <daikin-accordion-item>
+ *     <span slot="summary">Accordion summary 1</span>
+ *     Accordion content 1
  *   </daikin-accordion-item>
- *   <daikin-accordion-item title="The third accordion item" disabled>
- *     Accordion 3 content.
+ *   <daikin-accordion-item open>
+ *     <span slot="summary">Accordion summary 2</span>
+ *     Accordion content 2
  *   </daikin-accordion-item>
- *   <daikin-accordion-item title="The fourth accordion item" open disabled>
- *     Accordion 4 content.
+ *   <daikin-accordion-item disabled>
+ *     <span slot="summary">Accordion summary 3</span>
+ *     Accordion content 3
  *   </daikin-accordion-item>
  * </daikin-accordion>
  * ```
  */
 export declare class DaikinAccordion extends LitElement {
     static readonly styles: import('lit').CSSResult;
+    private readonly _items;
+    private _handleMoveFocus;
     render(): import('lit-html').TemplateResult<1>;
 }
 declare global {

package/dist/es-dev/components/accordion/daikin-accordion.js

@@ -1,5 +1,5 @@
 import { css, unsafeCSS, LitElement, html } from "lit";
-import { customElement } from "lit/decorators.js";
+import { queryAssignedElements, customElement } from "lit/decorators.js";
 import tailwindStyles from "../../tailwind.css.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -12,9 +12,27 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let DaikinAccordion = class extends LitElement {
+  _handleMoveFocus(event) {
+    const moveOffset = event.detail.direction === "up" ? -1 : 1;
+    const items = this._items;
+    const activeElement = document.activeElement;
+    const focusedItemIndex = activeElement ? items.findIndex((item) => item === activeElement) : -1;
+    if (focusedItemIndex < 0) {
+      return;
+    }
+    for (let index = focusedItemIndex + moveOffset, i = 0; i < items.length; index += moveOffset, i++) {
+      index = Math.sign(index % items.length) === -1 ? items.length - 1 : index % items.length;
+      const item = items[index];
+      if (item.disabled) {
+        continue;
+      }
+      item.focus();
+      break;
+    }
+  }
   render() {
-    return html`<div class="w-full border-y-[1px] border-y-[#CECECE]">
-      <slot></slot>
+    return html`<div class="w-full">
+      <slot @accordion-move-focus=${this._handleMoveFocus}></slot>
     </div>`;
   }
 };
@@ -22,14 +40,21 @@ DaikinAccordion.styles = css`
     ${unsafeCSS(tailwindStyles)}
 
     :host {
-      display: block;
-      width: 100%;
+      min-width: 160px;
+    }
+
+    ::slotted(daikin-accordion-item) {
+      --divider-top-display: block;
+      --divider-bottom-display: none;
     }
 
-    ::slotted(daikin-accordion-item:not(:last-child)) {
-      border-bottom: 1px solid #cecece;
+    ::slotted(daikin-accordion-item:last-child) {
+      --divider-bottom-display: block;
     }
   `;
+__decorateClass([
+  queryAssignedElements({ selector: "daikin-accordion-item" })
+], DaikinAccordion.prototype, "_items", 2);
 DaikinAccordion = __decorateClass([
   customElement("daikin-accordion")
 ], DaikinAccordion);