npm - @daikin-oss/design-system-web-components - Versions diffs - 0.3.2 → 0.4.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (244) hide show

package/dist/cjs/tailwind.css.cjs CHANGED Viewed

@@ -2,5 +2,5 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const tailwindStyles = `/*! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com */
 /*! 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-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-negative{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}.i-daikin-status-positive{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%3Cg clip-path='url(%23clip0_25875_113)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0C12.416 0 16 3.584 16 8C16 12.416 12.416 16 8 16C3.584 16 0 12.416 0 8C0 3.584 3.584 0 8 0ZM6.84425 9.18186L10.5243 5.44774C10.8478 5.12217 11.3778 5.11679 11.708 5.43573C11.7119 5.43948 11.7602 5.4879 11.7602 5.4879C12.0799 5.80891 12.0799 6.32322 11.7602 6.64423L6.84425 11.6L4.23978 8.9783C3.92202 8.65924 3.91981 8.14874 4.23479 7.82702L4.26579 7.79535C4.58673 7.46755 5.11644 7.4583 5.44894 7.7747C5.45433 7.77983 6.84425 9.18186 6.84425 9.18186Z' fill='%2313CE66'/%3E%3Cmask maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0C12.416 0 16 3.584 16 8C16 12.416 12.416 16 8 16C3.584 16 0 12.416 0 8C0 3.584 3.584 0 8 0ZM6.84425 9.18186L10.5243 5.44774C10.8478 5.12217 11.3778 5.11679 11.708 5.43573C11.7119 5.43948 11.7602 5.4879 11.7602 5.4879C12.0799 5.80891 12.0799 6.32322 11.7602 6.64423L6.84425 11.6L4.23978 8.9783C3.92202 8.65924 3.91981 8.14874 4.23479 7.82702L4.26579 7.79535C4.58673 7.46755 5.11644 7.4583 5.44894 7.7747C5.45433 7.77983 6.84425 9.18186 6.84425 9.18186Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_25875_113)'%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;display:inline-block}.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}.mb-2\\.5{margin-bottom:.625rem}.mt-2{margin-top:.5rem}.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}.size-4{width:1rem;height:1rem}.h-1{height:.25rem}.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}.max-w-\\[312px\\]{max-width:312px}.flex-\\[1_0_auto\\]{flex:1 0 auto}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.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}.whitespace-pre-line{white-space:pre-line}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.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-daikinNeutral-800{--tw-border-opacity:1;border-color:rgb(65 65 65/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-daikinNeutral-800\\/90{background-color:#414141e6}.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-white\\/90{background-color:#ffffffe6}.bg-none{background-image:none}.p-3{padding:.75rem}.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-medium{font-weight:500}.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-\\[\\#DCDCDC\\]{--tw-text-opacity:1;color:rgb(220 220 220/var(--tw-text-opacity))}.text-\\[--colorFeedbackNegative\\]{color:var(--colorFeedbackNegative)}.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))}.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-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-status-negative: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\\:h-full:after{content:var(--tw-content);height:100%}.after\\:w-1\\/2:after{content:var(--tw-content);width:50%}.after\\:w-5:after{content:var(--tw-content);width:1.25rem}.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-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))}@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-\\[--colorFeedbackNegative\\]:after{content:var(--tw-content);background-color:var(--colorFeedbackNegative)}.after\\:bg-\\[--colorFeedbackPositive\\]:after{content:var(--tw-content);background-color:var(--colorFeedbackPositive)}.after\\:bg-daikinBlue-500:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(0 151 224/var(--tw-bg-opacity))}.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))}.slotted\\:pointer-events-none::slotted(*){pointer-events:none}.slotted\\:h-8::slotted(*){height:2rem}.slotted\\:cursor-default::slotted(*){cursor:default}.slotted\\:font-daikinSerif::slotted(*){font-family:Roboto,sans-serif}.slotted\\:text-sm::slotted(*){font-size:.875rem;line-height:1.25rem}.slotted\\:font-normal::slotted(*){font-weight:400}.slotted\\:not-italic::slotted(*){font-style:normal}.slotted\\:leading-8::slotted(*){line-height:2rem}.slotted-\\[\\*\\:focus-visible\\]\\:\\!text-daikinNeutral-800::slotted(:focus-visible){--tw-text-opacity:1!important;color:rgb(65 65 65/var(--tw-text-opacity))!important}.slotted-\\[\\*\\:focus-visible\\]\\:text-daikinBlue-700::slotted(:focus-visible){--tw-text-opacity:1;color:rgb(13 89 163/var(--tw-text-opacity))}.slotted\\:\\!text-daikinNeutral-800::slotted(*){--tw-text-opacity:1!important;color:rgb(65 65 65/var(--tw-text-opacity))!important}.slotted\\:text-daikinBlue-500::slotted(*){--tw-text-opacity:1;color:rgb(0 151 224/var(--tw-text-opacity))}.slotted\\:outline-none::slotted(*){outline-offset:2px;outline:2px solid #0000}.slotted\\:pointer-events-none>*{pointer-events:none}.slotted\\:h-8>*{height:2rem}.slotted\\:cursor-default>*{cursor:default}.slotted\\:font-daikinSerif>*{font-family:Roboto,sans-serif}.slotted\\:text-sm>*{font-size:.875rem;line-height:1.25rem}.slotted\\:font-normal>*{font-weight:400}.slotted\\:not-italic>*{font-style:normal}.slotted\\:leading-8>*{line-height:2rem}.slotted-\\[\\*\\:focus-visible\\]\\:\\!text-daikinNeutral-800>:focus-visible{--tw-text-opacity:1!important;color:rgb(65 65 65/var(--tw-text-opacity))!important}.slotted-\\[\\*\\:focus-visible\\]\\:text-daikinBlue-700>:focus-visible{--tw-text-opacity:1;color:rgb(13 89 163/var(--tw-text-opacity))}.slotted\\:\\!text-daikinNeutral-800>*{--tw-text-opacity:1!important;color:rgb(65 65 65/var(--tw-text-opacity))!important}.slotted\\:text-daikinBlue-500>*{--tw-text-opacity:1;color:rgb(0 151 224/var(--tw-text-opacity))}.slotted\\:outline-none>*{outline-offset:2px;outline:2px solid #0000}.slotted\\:hover\\:text-daikinBlue-300:hover::slotted(*),.slotted\\:hover\\:text-daikinBlue-300:hover>*{--tw-text-opacity:1;color:rgb(84 195 241/var(--tw-text-opacity))}.slotted\\:active\\:text-daikinNeutral-800:active::slotted(*),.slotted\\:active\\:text-daikinNeutral-800:active>*{--tw-text-opacity:1;color:rgb(65 65 65/var(--tw-text-opacity))}`;
+*,: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))}`;
 exports.default = tailwindStyles;

package/dist/cjs-dev/components/accordion/daikin-accordion.cjs CHANGED Viewed

@@ -14,9 +14,27 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.DaikinAccordion = class DaikinAccordion extends lit.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 lit.html`<div class="w-full border-y-[1px] border-y-[#CECECE]">
-      <slot></slot>
+    return lit.html`<div class="w-full">
+      <slot @accordion-move-focus=${this._handleMoveFocus}></slot>
     </div>`;
   }
 };
@@ -24,14 +42,21 @@ exports.DaikinAccordion.styles = lit.css`
     ${lit.unsafeCSS(tailwind.default)}
     :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([
+  decorators_js.queryAssignedElements({ selector: "daikin-accordion-item" })
+], exports.DaikinAccordion.prototype, "_items", 2);
 exports.DaikinAccordion = __decorateClass([
   decorators_js.customElement("daikin-accordion")
 ], exports.DaikinAccordion);

package/dist/cjs-dev/components/accordion/daikin-accordion.d.ts CHANGED Viewed

@@ -10,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/cjs-dev/components/accordion-item/daikin-accordion-item.cjs CHANGED Viewed

@@ -15,55 +15,38 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-const cvaDetails = classVarianceAuthority.cva(
-  ["flex", "w-full", "h-max", "bg-white", "font-daikinSerif", "overflow-clip"],
-  {
-    variants: {
-      status: {
-        enabled: [],
-        disabled: ["text-[#DCDCDC]"]
-      }
-    }
-  }
-);
 const cvaSummary = classVarianceAuthority.cva(
   [
     "flex",
+    "justify-between",
     "items-center",
+    "gap-2",
     "w-full",
-    "h-12",
-    "px-5",
-    "outline-none",
-    "relative",
-    "after:block",
-    "after:w-5",
-    "after:h-5",
-    "after:m-auto",
-    "after:top-0",
-    "after:right-4",
-    "after:bottom-0",
-    "after:absolute",
-    "after:i-daikin-accordion-chevron-up",
-    "after:transition-all"
+    "min-h-12",
+    "py-3",
+    "pr-3",
+    "pl-4",
+    "focus-visible:outline",
+    "focus-visible:outline-2",
+    "focus-visible:-outline-offset-2",
+    "focus-visible:outline-daikinBlue-700",
+    "after:size-6",
+    "after:transition-all",
+    "after:i-daikin-chevron-down"
   ],
   {
     variants: {
-      visible: {
-        open: ["after:rotate-0"],
-        close: ["after:-rotate-180"]
+      open: {
+        false: ["after:rotate-0"],
+        true: ["after:rotate-180"]
       },
-      status: {
-        enabled: [
-          "hover:bg-[#DCDCDC]",
-          "hover:bg-[#DCDCDC]",
-          "hover:cursor-pointer",
-          "focus-visible:outline",
-          "focus-visible:outline-[2px]",
-          "focus-visible:outline-[#0097E0]",
-          "focus-visible:outline-offset-[-2px]",
-          "after:text-[#828282]"
+      disabled: {
+        false: [
+          "hover:bg-daikinNeutral-100",
+          "cursor-pointer",
+          "active:bg-daikinNeutral-200"
         ],
-        disabled: ["text-[#DCDCDC]", "after:text-[#DCDCDC]"]
+        true: ["text-daikinNeutral-200", "after:text-daikinNeutral-200"]
       }
     }
   }
@@ -82,7 +65,6 @@ exports.DaikinAccordionItem = class DaikinAccordionItem extends lit.LitElement {
   constructor() {
     super(...arguments);
     this._contentRef = ref_js.createRef();
-    this.title = "";
     this.open = false;
     this.disabled = false;
     this._detailsOpen = false;
@@ -108,36 +90,69 @@ exports.DaikinAccordionItem = class DaikinAccordionItem extends lit.LitElement {
       };
     }
   }
-  _handleSummaryClick(e) {
-    e.preventDefault();
+  _handleSummaryClick(event) {
+    event.preventDefault();
     if (this.disabled) {
       return;
     }
     this.open = !this.open;
   }
+  _handleKeyDown(event) {
+    const direction = {
+      ArrowDown: "down",
+      ArrowUp: "up"
+    }[event.key];
+    if (!direction) {
+      return;
+    }
+    event.preventDefault();
+    this.dispatchEvent(
+      new CustomEvent("accordion-move-focus", {
+        detail: {
+          direction
+        },
+        bubbles: true
+      })
+    );
+  }
+  // When using the in-page search, the `<details>` element may open without clicking on the `<summary>`.
+  // In order to handle such cases, it is necessary to respond to the "toggle" event.
+  _handleToggle(event) {
+    event.preventDefault();
+    if (this.disabled) {
+      return;
+    }
+    this.open = event.newState === "open";
+  }
   render() {
-    const accordionDetailsClassName = cvaDetails({
-      status: this.disabled ? "disabled" : "enabled"
-    });
-    const accordionSummaryClassName = cvaSummary({
-      status: this.disabled ? "disabled" : "enabled",
-      visible: this.open ? "open" : "close"
-    });
+    const detailsOpen = !this.disabled && this._detailsOpen;
+    const open = !this.disabled && this.open;
     return lit.html`<details
-      class=${accordionDetailsClassName}
-      ?open=${this._detailsOpen}
-      ?data-open=${this.open}
+      class="flex w-full bg-white font-daikinSerif overflow-clip"
+      ?open=${detailsOpen}
+      ?data-open=${open}
       aria-disabled=${this.disabled}
+      @toggle=${this._handleToggle}
     >
       <summary
-        class=${accordionSummaryClassName}
+        id="summary"
+        class=${cvaSummary({
+      open,
+      disabled: this.disabled
+    })}
         tabindex=${this.disabled ? -1 : 0}
         @click=${this._handleSummaryClick}
+        @keydown=${this._handleKeyDown}
       >
-        ${this.title}
+        <slot name="summary"></slot>
       </summary>
-      <div ${ref_js.ref(this._contentRef)}>
-        <div class="pt-2 pb-6 px-5 text-sm">
+      <div
+        ${ref_js.ref(this._contentRef)}
+        role="region"
+        aria-labelledby="summary"
+        ?hidden=${this.disabled}
+      >
+        <div class="pt-2 pr-3 pb-3 pl-4">
           <slot></slot>
         </div>
       </div>
@@ -151,24 +166,55 @@ exports.DaikinAccordionItem = class DaikinAccordionItem extends lit.LitElement {
       this._contentAnimate();
     }
   }
+  /**
+   * Focuses on the inner summary.
+   * @param options focus options
+   */
+  focus(options) {
+    var _a;
+    (_a = this._summary) == null ? void 0 : _a.focus(options);
+  }
 };
 exports.DaikinAccordionItem.styles = lit.css`
     ${lit.unsafeCSS(tailwind.default)}
     :host {
+      --divider-top-display: none;
+      --divider-bottom-display: none;
       display: block;
+      position: relative;
+    }
+    :host::before {
+      content: "";
+      display: var(--divider-top-display, none);
       width: 100%;
+      height: 1px;
+      background: #828282;
+      position: absolute;
+      top: 0;
+    }
+    :host::after {
+      content: "";
+      display: var(--divider-bottom-display, none);
+      width: 100%;
+      height: 1px;
+      background: #828282;
+      position: absolute;
+      bottom: 0;
     }
   `;
-__decorateClass([
-  decorators_js.property({ type: String })
-], exports.DaikinAccordionItem.prototype, "title", 2);
 __decorateClass([
   decorators_js.property({ type: Boolean, reflect: true })
 ], exports.DaikinAccordionItem.prototype, "open", 2);
 __decorateClass([
   decorators_js.property({ type: Boolean, reflect: true })
 ], exports.DaikinAccordionItem.prototype, "disabled", 2);
+__decorateClass([
+  decorators_js.query("summary")
+], exports.DaikinAccordionItem.prototype, "_summary", 2);
 __decorateClass([
   decorators_js.state()
 ], exports.DaikinAccordionItem.prototype, "_detailsOpen", 2);

package/dist/cjs-dev/components/accordion-item/daikin-accordion-item.d.ts CHANGED Viewed

@@ -8,12 +8,21 @@ import { LitElement, PropertyValues } from 'lit';
  * - `daikin-accordion` > `daikin-accordion-item`
  *
  * @slot - A slot for the accordion item content.
+ * @slot summary - A slot for the accordion item summary content.
+ *
+ * @cssprop [--divider-top-display=none] - The `display` property of the top divider. Must be either `block` or `none`. Set automatically by `daikin-accordion` component.
+ * @cssprop [--divider-bottom-display=none] - The `display` property of the bottom divider. Must be either `block` or `none`. Set automatically by `daikin-accordion` component.
  *
  * @example
  *
+ * ```js
+ * import "@daikin-oss/design-system-web-components/components/accordion-item/index.js";
+ * ```
+ *
  * ```html
- * <daikin-accordion-item title="The first accordion item">
- *   Accordion 1 content.
+ * <daikin-accordion-item>
+ *   <span slot="Accordion summary">
+ *   Accordion content
  * </daikin-accordion-item>
  * ```
  */
@@ -21,31 +30,37 @@ export declare class DaikinAccordionItem extends LitElement {
     static readonly styles: import('lit').CSSResult;
     private _contentRef;
     /**
-     * Heading of accordion
-     */
-    title: string;
-    /**
-     * Whether the accordion is open
+     * Whether the accordion item is open.
+     * Ignored if `disabled` is `true`.
      */
     open: boolean;
     /**
-     * Whether the accordion is disabled
+     * Whether the accordion item is disabled.
+     * If this is set to `true`, the accordion item will always be closed.
      */
     disabled: boolean;
+    private _summary;
     /**
-     * Open attribute of the actual details element
-     *
-     * The default `open` attribute of the default details element does not allow the display of content to have transitions.
-     * To solve this, the `open` property that `daikin-accordion-item` receives manages the opening and closing of items independently of the open attribute.
+     * Actual presence of `open` attribute of the `<details>` element.
      *
-     * The `open` attribute, which should be present, is taken over by `_detailsOpen`.
+     * The `<details>` element does not support animation on changing the `open` attribute.
+     * In other words, the content is hidden immediately when the `open` attribute is removed.
+     * To enable animation for an accordion, we need to run the animation while maintaining the `open` attribute, and then remove the `open` attribute at the end of the animation.
+     * Treated as `false` if `disabled` is `true`.
      */
     private _detailsOpen;
     private _contentAnimate;
     private _handleSummaryClick;
+    private _handleKeyDown;
+    private _handleToggle;
     render(): import('lit-html').TemplateResult<1>;
     protected firstUpdated(): void;
     protected updated(changedProperties: PropertyValues<this>): void;
+    /**
+     * Focuses on the inner summary.
+     * @param options focus options
+     */
+    focus(options?: FocusOptions | undefined): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/cjs-dev/components/breadcrumb/daikin-breadcrumb.cjs CHANGED Viewed

@@ -54,12 +54,9 @@ exports.DaikinBreadcrumb = class DaikinBreadcrumb extends lit.LitElement {
   _updateBreadcrumbs() {
     const daikinBreadCrumbItems = this._slottedDaikinBreadCrumbItems;
     for (const [index, item] of daikinBreadCrumbItems.entries()) {
-      if (index === daikinBreadCrumbItems.length - 1) {
-        item.trailingSlash = this.trailingSlash;
-        item.disabled = true;
-        continue;
-      }
-      item.trailingSlash = true;
+      const isLast = index === daikinBreadCrumbItems.length - 1;
+      item.trailingSlash = !isLast || this.trailingSlash;
+      item.last = isLast;
     }
   }
   _handleChange() {