* {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

:root {
    --color-primary: #3695dd;
    --rgb-color-primary: 54, 149, 221;
    --color-control-active: #4ca7ed;
    --rgb-color-control-active: 76, 167, 237;
    --color-white: #fafafa;
    --rgb-color-white: 250, 250, 250;
    --color-black: #252525;
    --rgb-color-black: 37, 37, 37;
    --color-background: #f2f2f2;
    --rgb-color-background: 242, 242, 242;
    --color-icon-default: #505050;
    --rgb-color-icon-default: 80, 80, 80;
    --color-icon-dimmed: #c2c2c2;
    --rgb-color-icon-dimmed: 194 194, 194;
    --color-icon-active: #ffffff;
    --rgb-color-icon-active: 255, 255, 255;
    --color-card-background: #fcfcfc;
    --rgb-color-card-background: 252, 252, 252;
    --color-card-border: #d6d6d6;
    --rgb-color-card-border: 214, 214, 214;
}

:focus {
    outline: 0;
}

html {
    padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    font-family: SEC, Roboto, -apple-system, BlinkMacSystemFont, "Noto Sans KR", sans-serif, AvenirNext, HelveticaNeue, LucidaGrande, system-ui;
    touch-action: manipulation;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}

body {
    position: relative;
    background: var(--color-app-background);
}

body,
html {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.eww-frame.ai-hub {
    width: 100vw !important;
    height: 100vh !important;
    width: 100dvw !important;
    height: 100dvh !important;
}

.gray {
    color: #00000066 !important;
}

.hide {
    display: none !important;
}

.invisible {
    visibility: hidden;
}

.match-parent {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.marquee {
    width: unset;
    text-align: start;
    white-space: nowrap;
    animation: marquee 18s linear infinite;
}

@keyframes marquee {
    0% {
        left: 100%;
    }

    100% {
        left: -100%;
    }
}

@keyframes scaleup {
    0% {
        transform: scale(.95);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes scaledown {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(.95);
    }
}

.dimmed, .pending {
    pointer-events: none !important;
}

.hasPendingWrapper .dimmed {
    opacity: unset !important;
}

.disabled {
    pointer-events: none !important;
}

.disconnected {
    pointer-events: none !important;
    opacity: .4 !important;
}

.z-depth-1 {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
}

.z-depth-2 {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .3);
}

.z-depth-5 {
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12), 0 11px 15px -7px rgba(0, 0, 0, .2);
}

.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

.waves-effect {
    position: relative;
    overflow: hidden;
    transition: .3s ease-out;
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-block-start: -10px;
    margin-inline-start: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, .2);
    transition: all .7s ease-out;
    transition-property: transform, opacity;
    transform: scale(0);
    pointer-events: none;
}

.waves-notransition {
    transition: none !important;
}

.moving {
    position: fixed;
    z-index: 2;
    opacity: .3;
}

.round-button {
    border-radius: 50%;
    background: var(--color-plugin-card-button-background);
}

.round-button.press {
    border: unset;
    background: var(--color-plugin-card-button-background--pressed);
}

.round-button[aria-disabled="true"] {
    border: unset;
    background: var(--color-plugin-card-button-background--dimmed);
}

.round-button svg {
    color: var(--color-plugin-card-button-icon);
}

.round-button.press svg {
    color: var(--color-plugin-card-button-icon--pressed);
}

.round-button[aria-disabled="true"] svg {
    color: var(--color-plugin-card-button-icon--dimmed);
}

.scrollable {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.scrollable[ios-workaround] {
    -webkit-overflow-scrolling: unset;
}

[data-modal="false"] .scrollable {
    -webkit-overflow-scrolling: unset;
}

.scrollable[data-scroll-direction="horizontal"] {
    overflow-x: auto;
    overflow-y: hidden;
}

.scrollable[data-scroll-direction="vertical"] {
    overflow-x: hidden;
    overflow-y: auto;
}

div.plugin-page__action-bar__detail__contents__title {
    padding: 0 4px;
    font-size: calc(30px * var(--d-ess-font-scale, 1));
    line-height: 42px;
    text-align: unset;
}

div.plugin-page__action-bar__detail__contents__description {
    padding: 0 4px;
    font-size: calc(13px * var(--d-ess-font-scale, 1));
    line-height: 20px;
    text-align: unset;
}

.ux-app-page-main__action-bar__title__icon {
    flex: none;
    width: 36px;
    height: 36px;
    margin-inline-start: -14px;
    margin-inline-end: 6px;
    pointer-events: none;
}

[data-os="iOS"] .ux-app-page-main__action-bar__title__icon {
    display: none;
}

.ux-app-page-main__action-bar__title__icon > svg {
    width: 36px;
    height: 36px;
}

.ux-app-page-main__action-bar__detail__icon {
    width: 52px;
    height: 52px;
    margin-block-end: 2px;
}

.ux-app-page-main__action-bar__detail__icon > svg {
    width: 52px;
    height: 52px;
}

.display-block {
    display: block;
}

.display-flex {
    display: flex;
}

.display-inline-flex {
    display: inline-flex;
}

#main_information {
    background: var(--color-plugin-page-information-background);
}

html[data-os="iOS"] #main_information .plugin-page__action-bar {
    background: unset;
}

.ux-app-page-information {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 5vh 24px;
}

.ux-app-page-information__essential {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
}

.ux-app-page-information__icon {
    position: relative;
    display: block;
    width: 120px;
    height: 120px;
    margin: auto;
}

.ux-app-page-information__title {
    position: relative;
    margin-block-end: 12px;
}

.ux-app-page-information__title__name {
    position: relative;
    font-size: calc(34px * var(--d-ess-font-scale, 1));
    color: var(--color-action-bar-title);
    letter-spacing: 0;
    text-align: center;
    font-weight: bold;
    padding: 0 24px;
    line-height: 45px;
}

.ux-app-page-information__version {
    position: relative;
    margin-block-start: 20px;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.ux-app-page-information__version__container {
    display: flex;
    flex-direction: column;
}

.ux-app-page-information__version__title {
    position: relative;
    font-size: calc(13px * var(--d-ess-font-scale, 1));
    color: var(--color-description-list-item);
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
}

.ux-app-page-information__version__description {
    position: relative;
    font-size: calc(13px * var(--d-ess-font-scale, 1));
    text-align: center;
    color: var(--color-description-list-item);
}

.ux-app-page-information__bottom-wrapper {
    position: relative;
    height: auto;
}

.ux-app-page-information__license {
    position: relative;
    margin-block-start: 10px;
}

.ux-app-page-information__license .wx-p-round {
    padding: 10px 16px;
}

@media only screen and (min-width: 589px) and (max-width: 959px) and (max-height: 411px) {
    .ux-app-page-information {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 24px;
        padding: 0 8px;
    }

    .ux-app-page-information__version__container {
        flex-direction: row;
        column-gap: 4px;
        justify-content: center;
    }

    .ux-app-page-information__bottom-wrapper {
        max-width: 240px;
        margin-inline-start: auto;
        margin-inline-end: auto;
    }
}

.ux-app-page-license {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    padding: 0 24px 20px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.ux-app-page-license > iframe {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-style: none;
}

.ux-app-pane-container {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    flex: 1;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: 0 auto;
}

[sizing] .ux-app-pane-container.scrollable {
    overflow: hidden !important;
}

.ux-app-notification-list {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.ux-app-extended-detail-container {
    position: relative;
    display: flex;
    width: 100%;
}

.ux-app-notification-list:empty {
    display: none;
}

.ux-app-list-container {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ux-app-list {
    position: relative;
    flex: 1;
    height: 100%;
    max-height: 100%;
    margin-block-start: 0;
    padding-block-end: 20px;
}

[data-os="iOS"] .ux-app-list {
    padding-block-start: 12px;
}

.ux-app-list[data-list-index] {
    display: none;
}

.ux-app-list.scrollable {
    height: fit-content;
}

.ux-app-list.scrollable.full-height {
    height: 100%;
}

[data-lists-per-page="1"][data-selected-list="0"] .ux-app-list[data-list-index="0"],
[data-lists-per-page="1"][data-selected-list="1"] .ux-app-list[data-list-index="1"] {
    display: block;
}

[data-lists-per-page="2"] .ux-app-list {
    display: block;
    flex: 1;
    min-width: 0;
}

[data-color-scheme="dark"] .lottie-player.dark path {
    fill: var(--color-plugin-card-button-icon);
}

.air-quality-automation-card__animation_container {
    position: relative;
    width: 164px;
    height: 100px;
    margin-inline-start: auto;
    margin-inline-end: auto;
}

#rightList .standard-ux-component__list__item__text__title {
    color: var(--color-summary-view-title);
    font-size: calc(14px * var(--d-ess-font-scale, 1));
    font-weight: normal;
}

.air-quality-indoor-card__status__container__wrapper {
    position: relative;
    margin-inline-start: 25px;
    margin-inline-end: 17px;
    display: flex;
    justify-content: space-between;
}

.air-quality-indoor-card__status__text__container {
    position: relative;
    flex: auto;
}

.air-quality-indoor-card__status__title {
    position: relative;
    word-break: break-word;
    line-height: 28px;
    font-size: calc(20px * var(--d-ess-font-scale, 1));
    color: var(--color-summary-view-title);
}

.air-quality-indoor-card__status__text_wrapper {
    position: relative;
    display: flex;
}

.air-quality-indoor-card__status__icon {
    position: relative;
    width: 24px;
    height: 24px;
    margin-inline-start: 6px;
    margin-block-start: auto;
    margin-block-end: auto;
}

.air-quality-indoor-card__status__icon > svg g {
    fill: var(--color-summary-view-icon);
}

.air-quality-indoor-card__status__text {
    position: relative;
    word-break: break-word;
    line-height: 42px;
    font-size: calc(37px * var(--d-ess-font-scale, 1));
    color: var(--color-summary-view-description);
    font-weight: bold;
}

.air-quality-indoor-card__status__icon__container {
    position: relative;
    width: 74px;
    height: 74px;
    flex: none;
}

.air-quality-indoor-card__status__icon__container > svg {
    width: 100%;
    height: 100%;
}

[id^="AirChartCard"] .standard-ux-component__legend__description {
    max-width: unset;
}

.air-quality-indoor-card__history__wrapper {
    position: relative;
    margin-block-start: 15px;
    margin-block-end: 12px;
    padding-inline-start: 24px;
    padding-inline-end: 24px;
}

.air-quality-indoor-card__history__graph__wrapper {
    position: relative;
    height: 224px;
    width: 100%;
    border: none;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
    margin-block-start: 7px;
    direction: ltr;
}

.air-quality-indoor-card__history__graph__wrapper::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.air-quality-indoor-card__history__graph__wrapper > canvas {
    position: absolute;
}

.air-quality-indoor-card__history__graph__icon {
    position: relative;
    flex: none;
    width: 30px;
    height: 30px;
}

.air-quality-indoor-card__history__graph__icon > svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.air-quality-indoor-card__comfort-zone__graph__wrapper {
    position: relative;
    height: 227px;
    width: 100%;
    margin-block-start: 26px;
    margin-block-end: 13px;
    border: none;
}

.air-quality-indoor-card__comfort-zone__graph__wrapper > canvas {
    position: absolute;
}

.air-quality-indoor-card__comfort-zone__legend__rectangle {
    background: rgba(50, 185, 226, .3);
    width: 8px;
    height: 8px;
}

.air-quality-indoor-card__comfort-zone__legend__circle {
    border-radius: 50%;
    background: #32b9e2;
    width: 10px;
    height: 10px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .11);
    border: 2px solid #ffffff;
}

.air-quality-indoor-card__history__information__container {
    position: relative;
}

.air-quality-indoor-card__history__tab__time__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 0 0 auto;
    height: 40px;
    margin-block-start: 8px;
    margin-block-end: 22px;
}

.air-quality-indoor-card__history__tab__time {
    position: relative;
    height: 22px;
    line-height: 22px;
    width: 100%;
    font-size: calc(17px * var(--d-ess-font-scale, 1));
    text-align: center;
    color: var(--color-graph-card-information-time);
}

.air-quality-indoor-card__history__tab__date {
    position: relative;
    height: 18px;
    line-height: 18px;
    width: 100%;
    font-size: calc(12px * var(--d-ess-font-scale, 1));
    text-align: center;
    color: var(--color-graph-card-information-date);
}

.air-quality-indoor-card__history__tab__legends__wrapper {
    position: relative;
    display: flex;
    margin-block-start: 18px;
    margin-block-end: 25px;
    text-align: center;
    justify-content: space-around;
    align-items: baseline;
    min-height: 50px;
    padding-inline-start: 20px;
    padding-inline-end: 20px;
}

.air-quality-indoor-card__history__tab__legend__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.air-quality-indoor-card__history__tab__legend__circle {
    position: relative;
    width: 16px;
    height: 16px;
    margin-inline-end: 2px;
    margin-block-start: auto;
    margin-block-end: auto;
}

.air-quality-indoor-card__history__tab__legend__divider {
    display: block;
    box-sizing: border-box;
    height: 50px;
    border-block-end: unset;
    border-inline-end: solid 1px var(--color-graph-card-information-divider);
    margin: auto;
}

.air-quality-indoor-card__history__tab__legend__circle__and__location__wrapper {
    display: flex;
    height: 18px;
    justify-content: center;
}

.air-quality-indoor-card__history__tab__legend__circle__and__location__wrapper > img {
    background: var(--color-card-background);
    width: 16px;
    height: 16px;
    margin-inline-end: 2px;
    margin-block-start: 1px;
    margin-block-end: 1px;
}

.air-quality-indoor-card__history__tab__legend__location__wrapper {
    position: relative;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: calc(12px * var(--d-ess-font-scale, 1));
    color: var(--color-graph-card-information-location);
    will-change: contents;
    max-width: 20vw;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.air-quality-indoor-card__history__tab__legend__text__and__value__wrapper {
    display: block;
}

.air-quality-indoor-card__history__tab__legend__hyphen {
    text-align: center;
    font-size: calc(10px * var(--d-ess-font-scale, 1));
    color: #c3c3c3;
    margin: 0 4px;
    will-change: contents;
}

.air-quality-indoor-card__history__tab__legend__value__wrapper {
    position: relative;
    display: flex;
    margin: auto;
}

.air-quality-indoor-card__history__tab__legend__value {
    text-align: end;
    font-size: calc(24px * var(--d-ess-font-scale, 1));
    height: 28px;
    line-height: 28px;
    margin-block-start: 4px;
    margin-inline-end: 2px;
    color: #c3c3c3;
    will-change: contents;
}

.air-quality-indoor-card__history__tab__legend__value__unit {
    font-size: calc(12px * var(--d-ess-font-scale, 1));
    height: 20px;
    line-height: 20px;
    color: #c3c3c3;
    margin-block-start: 12px;
    will-change: contents;
}

.air-quality-indoor-card__history__tab__legend__value > span {
    font-size: calc(13px * var(--d-ess-font-scale, 1));
    color: #505050;
}

.air-quality-indoor-card__history__tab__legend__value.single {
    margin-block-start: 15px;
    color: var(--color-graph-card-information-non-index-value);
}

.air-quality-indoor-card__history__attribute__name__and__icon__container {
    position: relative;
    height: 24px;
    display: flex;
    justify-content: space-between;
}

.air-quality-indoor-card__history__attribute__name__wrapper {
    position: relative;
    font-size: calc(15px * var(--d-ess-font-scale, 1));
    color: var(--color-graph-card-title);
    margin: auto 0;
}

.air-quality-indoor-card__history__no__data {
    position: absolute;
    height: 18px;
    width: 100px;
    text-align: center;
    font-size: calc(15px * var(--d-ess-font-scale, 1));
    color: var(--color-graph-card-history-no-data-text);
    top: 40%;
    left: 45%;
}

.air-quality-indoor-card__history__icon__wrapper {
    position: relative;
    flex: none;
    width: 24px;
    height: 24px;
}

.air-quality-indoor-card__history__icon {
    position: absolute;
    width: 24px;
    height: 24px;
}

.air-quality-indoor-card__history__icon > svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.air-quality-indoor-card__history__icon > svg g {
    fill: var(--color-app-icon);
}

[data-color-scheme="dark"] .air-quality-indoor-card__history__icon > svg g {
    opacity: 1;
}

.air-quality-indoor-card__history__tab__container {
    position: relative;
    flex: none;
    margin-block-start: 6px;
    min-height: 33px;
}

.air-quality-indoor-card__history__tab__wrapper {
    position: relative;
    width: 156px;
    height: 30px;
    padding: 5px;
    text-align: center;
    font-size: calc(14px * var(--d-ess-font-scale, 1));
    color: #979797;
}

.air-quality-indoor-card__history__tab__wrapper.clicked {
    color: #3695dd;
}

.air-quality-indoor-card__history__tab__divider {
    display: block;
    box-sizing: border-box;
    height: 9px;
    border-block-end: unset;
    border-inline-end: solid 1px #d4d4d4;
}

.air-quality-indoor-card__history__tab__divider:last-child {
    display: none;
}

.air-quality-indoor-card__history__graph__tooltip {
    opacity: 1;
    position: absolute;
    background: #979797;
    color: white;
    pointer-events: none;
    width: 40px;
    height: 20px;
    font-size: calc(13px * var(--d-ess-font-scale, 1));
    text-align: center;
    animation: scaleup .35s cubic-bezier(.33, 0, .4, 1) 0s;
    z-index: 2;
}

.air-quality-indoor-card__history__graph__tooltip__triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px;
    animation: scaleup .35s cubic-bezier(.33, 0, .4, 1) 0s;
    z-index: 2;
}

.air-quality-indoor-card__history__graph__tooltip__triangle.down {
    border-color: #979797 transparent transparent;
}

.air-quality-indoor-card__history__graph__tooltip__triangle.up {
    border-color: transparent transparent #979797;
}

.air-quality-indoor-card__history__graph__tooltip__point {
    position: absolute;
    background: #da4b46;
    width: 10px;
    height: 10px;
    border-radius: 7px;
    z-index: 1;
}

.air-quality-indoor-card__history__graph__tooltip__point.mini {
    border: 1px solid #979797;
    width: 4px;
    height: 4px;
    border-radius: 6px;
}

.air-quality-indoor-card__history__graph__tooltip__last {
    position: absolute;
    background: #ffffff;
    border: 2px solid #ffffff;
    width: 10px;
    height: 10px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .11);
    border-radius: 7px;
    z-index: 0;
}

.air-quality-indoor-card__history__graph__tooltip__last.indoor {
    background: #00bdff;
}

.air-quality-indoor-card__history__graph__tooltip__last.outdoor {
    background: #ff823f;
}

.air-quality-indoor-card__history__graph__x__label__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color-card-background);
    width: 30px;
    height: 18px;
    transform: translateX(-50%);
    z-index: 0;
    display: none;
}

.air-quality-indoor-card__history__graph__x__label__wrapper.selected {
    width: 40px;
    height: 30px;
    margin-inline-start: -20px;
    z-index: 1;
}

.air-quality-indoor-card__history__graph__x__label__wrapper.right {
    width: 60px;
    margin-inline-start: -40px;
}

.air-quality-indoor-card__history__graph__x__label__wrapper.left {
    width: 60px;
}

.air-quality-indoor-card__history__graph__x__label {
    position: relative;
    margin: auto;
    background: var(--color-graph-card-history-time-label-background--selected);
    border: 0 solid var(--color-graph-card-history-time-label-background--selected);
    width: 40px;
    height: 30px;
    border-radius: 15px;
}

.air-quality-indoor-card__history__graph__x__label.selected {
    background: var(--color-graph-card-history-time-label-background--selected);
    border: 0 solid  var(--color-graph-card-history-time-label-background--selected);
    height: 30px;
    width: 40px;
    border-radius: 15px;
}

.air-quality-indoor-card__history__graph__x__label.right {
    margin-inline-end: 0;
    margin-inline-start: auto;
}

.air-quality-indoor-card__history__graph__x__label.left {
    margin-inline-end: auto;
    margin-inline-start: 0;
}

.air-quality-indoor-card__history__graph__x__label.mini {
    width: 30px;
}

.air-quality-indoor-card__history__graph__x__label__text {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: calc(12px * var(--d-ess-font-scale, 1));
    line-height: 30px;
    color: var(--color-graph-card-history-time-label-text--selected);
    text-align: center;
    text-transform: uppercase;
}

.air-quality-indoor-card__history__graph__x__label__text.selected {
    color: var(--color-graph-card-history-time-label-text--selected);
    line-height: 30px;
    margin: 0;
}

.air-quality-history-tab__container {
    position: relative;
    display: flex;
    flex: none;
    height: 33px;
    border: 1px solid var(--color-graph-card-period-border);
    border-radius: 16px;
    align-items: center;
    text-align: center;
    justify-content: space-around;
}

.air-quality-history-tab__wrapper {
    position: relative;
    height: 36px;
    padding: 5px;
    text-align: center;
    font-size: calc(15px * var(--d-ess-font-scale, 1));
    color: var(--color-graph-card-period-title);
    flex: auto;
}

.air-quality-history-tab__wrapper.clicked {
    color: var(--color-graph-card-period-title--selected);
    font-weight: 500;
}

.air-quality-history-tab__period__text {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 1.2em;
}

.air-quality-indoor-card__history__graph__highlight__line__wrapper {
    position: absolute;
    height: 179px;
    width: 1px;
    background: var(--color-graph-card-history-highlighted-bar);
    transform: translate3d(-50%, 0, 1px);
    transition-property: transform;
}

.air-quality-indoor-card__history__graph__selected__line__wrapper {
    position: absolute;
    height: 179px;
    width: 1px;
    background: var(--color-graph-card-history-selected-bar);
    transform: translate3d(-50%, 0, 1px);
    transition-property: transform;
}

.air-quality-indoor-card__history__divider {
    position: relative;
    width: 100%;
    border-block-start: 1px solid #e6e6e6;
    margin-block-end: 12px;
}

.air-comfort-card__title.standard-ux-card__plugin-card-wrapper,
.air-quality-card__title.standard-ux-card__plugin-card-wrapper {
    margin-block-end: 10px;
}

.air-comfort-card__title.standard-ux-card__plugin-card-wrapper .sx-card-title,
.air-quality-card__title.standard-ux-card__plugin-card-wrapper .sx-card-title {
    color: var(--color-summary-view-description);
    font-size: calc(17px * var(--d-ess-font-scale, 1));
    line-height: 23px;
    flex: auto;
}

.air-comfort-card__navigator__container,
.air-quality-card__navigator__container {
    --button-size: 36px;
    width: calc(100% - 24px);
    margin: 0 12px 4px;
    height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.air-comfort-card__navigator__button_wrapper,
.air-quality-card__navigator__button_wrapper {
    width: var(--button-size);
    height: var(--button-size);
    flex: none;
}

.air-comfort-card__navigator__button,
.air-quality-card__navigator__button {
    width: 100%;
    height: 100%;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
}

.air-comfort-card__navigator__icon,
.air-quality-card__navigator__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--color-text-grey-5);
}

.air-quality-card__progress-wrapper .standard-ux-component__progress__wrapper__disconnected__icon__wrapper[data-size="small"],
.air-comfort-card__progress-wrapper .standard-ux-component__progress__wrapper__disconnected__icon__wrapper[data-size="small"],
.connected-device-carousel .standard-ux-component__progress__wrapper__container.carousel .standard-ux-component__progress__wrapper__disconnected__icon__wrapper[data-size="small"] {
    width: 24px;
    height: 24px;
}

.air-comfort-card__navigator__time_range,
.air-quality-card__navigator__time_range {
    color: var(--color-text-grey-4);
    font-size: calc(16px * var(--d-ess-font-scale, 1));
    text-align: center;
    display: flex;
    width: calc(100% - 2 * var(--button-size));
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.air-comfort-card__navigator__time_range span,
.air-quality-card__navigator__time_range span {
    white-space: normal;
    display: block;
    margin: 0 3px;
}

.air-comfort-card__information__container,
.air-quality-card__information__container {
    display: grid;
    flex-direction: row;
    margin: 8px 18px 2px;
    column-gap: 4px;
    min-height: 53px;
    overflow: hidden;
    --item-num: 3;
    grid-template-columns: repeat(var(--item-num), 1fr);
}

.comfort_zone .air-comfort-card__information__container {
    margin-block-start: 0;
}

.air-comfort-card__information__container {
    min-height: unset;
}

.air-comfort-card__information__content,
.air-quality-card__information__content {
    display: flex;
    flex-direction: column;
}

.air-comfort-card__information__title,
.air-quality-card__information__title {
    font-size: calc(13px * var(--d-ess-font-scale, 1));
    line-height: 17px;
    color: var(--color-text-grey-3);
}

.air-comfort-card__information__description,
.air-quality-card__information__description {
    font-size: calc(26px * var(--d-ess-font-scale, 1));
    line-height: 36px;
    font-weight: 600;
    color: inherit;
    margin-block-end: 1px;
}

.air-comfort-card__information__description {
    color: var(--color-text-grey-1);
}

.air-comfort-card__information__description_unit {
    color: var(--color-text-grey-1);
    font-size: calc(18px * var(--d-ess-font-scale, 1));
    font-weight: 600;
}

@media screen and (max-width: 359px) {
    .air-comfort-card__information__description_unit {
        font-size: calc(14px * var(--d-ess-font-scale, 1));
    }
}

.air-quality-card__information__description__container, .air-comfort-card__information__description__container {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    color: var(--color-text-grey-1);
}

.air-comfort-card__information__description__container {
    align-items: baseline;
    gap: 4px;
}

.air-quality-card__information__description__unit {
    font-size: calc(18px * var(--d-ess-font-scale, 1));
    line-height: 35px;
    font-weight: 600;
    color: inherit;
    margin-block-end: 1px;
    margin-inline-start: 2px;
}

.air-comfort-card__information__units,
.air-quality-card__information__units {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: fit-content;
    padding: 3px 8px;
    background-color: var(--color-grayscale-4);
    border-radius: 6px;
    gap: 3px;
}

.air-comfort-card__information__units {
    align-self: center;
}

.air-quality-card__information__units.invisible {
    visibility: hidden;
}

.air-quality-card__information__unit.right {
    font-size: calc(12px * var(--d-ess-font-scale, 1));
    line-height: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--color-text-grey-5);
}

.air-quality-card__popup__row,
.air-comfort-card__popup__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-block-start: 10px;
    padding-block-end: 10px;
}

.air-quality-card__popup__icon,
.air-comfort-card__popup__icon {
    height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.air-quality-card__popup__legend__title,
.air-comfort-card__popup__legend__title {
    font-size: calc(17px * var(--d-ess-font-scale, 1));
    color: var(--color-dialog-title);
    margin-inline-start: 12px;
}

.air-quality-card__popup__legend__description,
.air-comfort-card__popup__legend__description {
    margin-inline-start: 54px;
    margin-block-end: 12px;
    font-size: calc(13px * var(--d-ess-font-scale, 1));
    color: var(--color-text-grey-5);
    line-height: 18px;
}

.air-quality-card__popup__legend__description:nth-of-type(2n),
.air-quality-card__popup__legend__description:last-of-type,
.air-quality-card__popup__legend__description.last {
    margin-block-end: 0;
}

.air-quality-card__progress-wrapper,
.air-comfort-card__progress-wrapper {
    position: absolute;
    z-index: 2;
}

.air-quality-card__progress-wrapper .standard-ux-component__progress__wrapper.overlay-wrapper.dim,
.air-comfort-card__progress-wrapper .standard-ux-component__progress__wrapper.overlay-wrapper.dim,
.connected-device-carousel .standard-ux-component__progress__wrapper.overlay-wrapper.dim,
.standard-ux-card.dummy-card .standard-ux-component__progress__wrapper.overlay-wrapper.dim {
    background: var(--color-card-background);
}

#dialog_AirQualityChartCard_AirQualityChartCard .wx-dialog.contents {
    text-align: start;
    margin-inline-start: 14px;
    margin-inline-end: 14px;
}

#dialog_AirComfortChartCard_AirComfortChartCard .wx-dialog.contents {
    text-align: start;
    margin-inline-start: 20px;
    margin-inline-end: 20px;
}

@media screen and (max-width: 361px) {
    .air-quality-card__information__unit.left {
        display: none;
    }
}

.air-comfort-card__information__unit.left,
.air-quality-card__information__unit.left {
    font-size: calc(12px * var(--d-ess-font-scale, 1));
    line-height: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--color-text-grey-5);
}

.air-comfort-card__chart__container,
.air-quality-card__chart__container {
    position: relative;
    padding: 5px 20px 0;
    margin-block-start: 3px;
    margin-block-end: 14px;
}

.comfort_zone .air-comfort-card__chart__container {
    padding-inline-start: 8px;
}

.air-comfort-card__all_canvas__container,
.air-quality-card__all_canvas__container {
    position: relative;
    width: 100%;
    height: 177px;
    display: grid;
    grid-template-rows: repeat(var(--item-num), 1fr);
    grid-template-columns: 1fr;
}

.comfort_zone .air-comfort-card__all_canvas__container {
    width: 100%;
    height: 100%;
}

.air-quality-card__chart__container.mixed-canvas-adjustment .air-quality-card__canvas__container {
    margin-block-start: -3px;
}

.air-comfort-card__chart__container.mixed-canvas-adjustment .air-comfort-card__canvas__container  {
    margin-block-start: -4px;
}

.air-quality-card__chart__container.mixed-canvas-adjustment .air-quality-card__canvas__container:first-child,
.air-comfort-card__chart__container.mixed-canvas-adjustment .air-comfort-card__canvas__container:first-child {
    margin-block-start: unset;
}

.air-quality-card__canvas__text {
    display: flex;
    position: absolute;
    justify-content: space-between;
    width: 100%;
    height: calc(177px / var(--item-num));
    top: 0;
    left: 0;
    padding: 2px;
    pointer-events: none;
}

.air-quality-card__canvas__text:nth-child(4) {
    top: calc(177px / var(--item-num));
}

.air-quality-card__all_canvas__container.one-chart .air-quality-card__canvas__text:nth-child(4) {
    display: none;
}

.air-quality-card__canvas__text:nth-child(6) {
    top: calc(2 * 177px / 3);
}

.air-comfort-card__canvas__container,
.air-quality-card__canvas__container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.air-quality-card__canvas__container {
    border: none;
}

#pm25-chart-canvas-container,
#pm1-chart-canvas-container,
#co2-chart-canvas-container {
    border-block-start: unset;
}

#comfort-zone-chart-canvas-container {
    border: unset;
}

.air-quality-card__canvas__title {
    font-size: calc(10px * var(--d-ess-font-scale, 1));
    color: var(--color-text-grey-3);
    flex: none;
}

.air-comfort-card__canvas__title {
    position: absolute;
    font-size: calc(10px * var(--d-ess-font-scale, 1));
    top: 2px;
    left: 2px;
    color: var(--color-air-comfort-card-information-title);
    pointer-events: none;
}

.air-comfort-card__canvas__average_label_container {
    position: absolute;
    right: 3px;
    background-color: var(--color-air-comfort-card-average-label-container-background);
    border-radius: 8px;
    padding: 2px 4px;
    z-index: 1;
    pointer-events: none;
}

.air-comfort-card__canvas__average_label {
    color: var(--color-air-comfort-card-container-average-label-text);
    font-size: calc(9px * var(--d-ess-font-scale, 1));
    font-weight: 600;
}

.air-quality-card__canvas__unit {
    font-size: calc(7px * var(--d-ess-font-scale, 1));
    line-height: 9px;
    margin: 1px 21px -3px;
    width: calc(100% - 42px);
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    color: var(--color-text-grey-5);
    flex: none;
}

.air-quality-card__canvas__unit.on-canvas {
    margin: 0;
    width: fit-content;
}

.air-comfort-card__chart__label_container,
.air-quality-card__chart__label_container {
    display: grid;
    padding-block-start: 4px;
    padding-inline-end: 1px;
    position: relative;
    grid-template-columns: calc(100% / 48) repeat(23, calc(100% / 24)) calc(100% / 48);
}

.air-quality-card__chart__container.mixed-canvas-adjustment .air-quality-card__chart__label_container {
    padding-block-start: 1px;
}

.air-comfort-card__chart__container.mixed-canvas-adjustment .air-comfort-card__chart__label_container {
    padding-block-start: unset;
}

.air-comfort-card__chart__label,
.air-quality-card__chart__label {
    font-size: calc(9px * var(--d-ess-font-scale, 1));
    color: var(--color-air-comfort-card-x-axis-label);
    justify-self: center;
    overflow: visible;
}

.air-comfort-card__chart__label:first-child,
.air-quality-card__chart__label:first-child {
    justify-self: left;
}

.air-comfort-card__chart__selector__container,
.air-quality-card__chart__selector__container {
    display: flex;
    flex-direction: column;
    position: absolute;
    align-items: center;
    top: 1px;
    left: 15.5px;
    height: calc(100% - 16px);
    width: 9px;
}

.air-comfort-card__chart__selector__arrow,
.air-quality-card__chart__selector__arrow {
    display: inline-flex;
    color: var(--color-air-comfort-card-selector-line);
}

.air-comfort-card__chart__selector__line,
.air-quality-card__chart__selector__line {
    width: 1px;
    height: calc(100% - 7px);
    background-color: var(--color-air-comfort-card-selector-line)
}

.air-comfort-card__chart__container.mixed-canvas-adjustment .air-comfort-card__chart__selector__line {
    height: calc(100% - 8px);
}

.air-comfort-card__chart__selector__circle__wrapper,
.air-quality-card__chart__selector__circle__wrapper {
    display: flex;
    flex-direction: column;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 15px;
}

.air-comfort-card__chart__selector__circle__wrapper {
    top: 2.5px;
}

.air-comfort-card__chart__selector__circle,
.air-quality-card__chart__selector__circle {
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: var(--color-air-comfort-card-selector-circle);
    border-radius: 50%;
}

.air-comfort-card__chart__selector__circle__outer,
.air-quality-card__chart__selector__circle__outer {
    width: 10px;
    height: 10px;
    background-color: var(--color-air-comfort-card-selector-circle-outer);
    border-radius: 50%;
}

.air-comfort-card__chart__selector__label__wrapper,
.air-quality-card__chart__selector__label__wrapper {
    position: absolute;
    top: 4px;
    left: 0;
    background-color: var(--color-card-background);
}

.air-comfort-card__chart__selector__label__,
.air-quality-card__chart__selector__label__ {
    direction: ltr;
    font-size: calc(9px * var(--d-ess-font-scale, 1));
    padding-inline-start: 4px;
    padding-inline-end: 4px;
    color: var(--color-air-comfort-card-selector-label);
}

.air-quality-card__learn-more-text {
    font-size: calc(14px * var(--d-ess-font-scale, 1));
    color: var(--color-flat-button-text);
    line-height: 21px;
    font-weight: 600;
    text-decoration: underline;
    margin-block-start: 16px;
    margin-block-end: 16px;
    margin-inline-start: 10px;
    margin-inline-end: 10px;
}

.ux-app-page-help {
    height: 100%;
}

.ux-app-help-about__essential {
    position: relative;
    width: 100%;
}

#about-comprehensive_HelpPage .ux-app-help-about__essential {
    padding-block-start: 12px;
}

.ux-app-help-about__essential > .ux-app-help-about__cai__container {
    margin-block-end: 24px;
}

.ux-app-help-about__essential .standard-ux-component__tag__wrapper {
    -webkit-mask-image: unset;
            mask-image: unset;
}

.ux-app-help-about__cai {
    position: relative;
    display: flex;
    padding-inline-start: 17px;
    padding-inline-end: 17px;
    align-items: center;
}

.ux-app-help-about__cai__value[data-state="good"] {
    color: var(--color-cai-good);
}

.ux-app-help-about__cai__line[data-state="good"] {
    background: var(--color-cai-good);
}

.ux-app-help-about__cai__value[data-state="moderate"] {
    color: var(--color-cai-moderate);
}

.ux-app-help-about__cai__line[data-state="moderate"] {
    background: var(--color-cai-moderate);
}

.ux-app-help-about__cai__value[data-state="unhealthy"] {
    color: var(--color-cai-unhealthy);
}

.ux-app-help-about__cai__line[data-state="unhealthy"] {
    background: var(--color-cai-unhealthy);
}

.ux-app-help-about__cai__value[data-state="very_unhealthy"] {
    color: var(--color-cai-very_unhealthy);
}

.ux-app-help-about__cai__line[data-state="very_unhealthy"] {
    background: var(--color-cai-very_unhealthy);
}

.ux-app-help-about__cai__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-block-start: 8px;
    margin-inline-end: 2px;
}

.ux-app-help-about__cai__wrapper:last-child {
    margin-inline-end: 0;
}

.ux-app-help-about__cai__wrapper:last-child .ux-app-help-about__cai__line {
    border-top-right-radius: 26px;
    border-bottom-right-radius: 26px;
}

.ux-app-help-about__cai__smile {
    height: 20px;
    width: 20px;
    margin: auto;
}

.ux-app-help-about__cai__smile > svg {
    height: inherit;
    width: inherit;
}

.ux-app-help-about__cai__line {
    height: 4px;
    margin-block-start: 4px;
}

.ux-app-help-about__cai__line.left {
    border-top-left-radius: 26px;
    border-bottom-left-radius: 26px;
}

.ux-app-help-about__cai__line.right {
    border-top-right-radius: 26px;
    border-bottom-right-radius: 26px;
}

.ux-app-help-about__cai__value {
    min-height: 14px;
    font-size: calc(11px * var(--d-ess-font-scale, 1));
    text-align: center;
    margin-block-start: 5px;
    flex: 1;
    font-weight: 600;
}

.ux-app-help-about__cai__range {
    line-height: 18px;
    font-size: calc(13px * var(--d-ess-font-scale, 1));
    color: var(--color-page-help-description);
    text-align: center;
    margin-block-start: 4px;
    flex: 1;
}

.ux-app-help-about__cai__text {
    position: relative;
    line-height: 23px;
    font-size: calc(14px * var(--d-ess-font-scale, 1));
    margin-block-end: 18px;
    color: var(--color-plugin-page-information-title);
    word-break: keep-all;
}

.ux-app-help-about__title-wrapper {
    padding: 9px 18px;
}

.ux-app-help-about__inoutdoor__text {
    position: relative;
    line-height: 23px;
}

.ux-app-help-about__text__wrapper {
    position: relative;
    display: block;
    margin: 18px 0;
    padding: 0 18px;
}

.ux-app-help-about__text__wrapper:last-child {
    margin-block-end: 18px;
}

.ux-app-help-about__title {
    font-size: calc(13px * var(--d-ess-font-scale, 1));
    font-weight: 600;
    color: var(--color-page-help-title);
}

.ux-app-help-about__title.sub,
.fine-dust-section .ux-app-help-about__title,
.harmful-gas-section .ux-app-help-about__title {
    font-size: calc(15px * var(--d-ess-font-scale, 1));
    font-weight: 600;
}

.ux-app-help-about__title.good,
.ux-app-help-about__title.moderate,
.ux-app-help-about__title.unhealthy,
.ux-app-help-about__title.very_unhealthy {
    padding-block-start: 9px;
    padding-block-end: 9px;
}

.ux-app-help-about__title.good {
    color: var(--color-cai-good);
}

.ux-app-help-about__title.moderate {
    color: var(--color-cai-moderate);
}

.ux-app-help-about__title.unhealthy {
    color: var(--color-cai-unhealthy);
}

.ux-app-help-about__title.very_unhealthy {
    color: var(--color-cai-very_unhealthy);
}

.ux-app-help-about__description {
    font-size: calc(14px * var(--d-ess-font-scale, 1));
    line-height: 22px;
    color: var(--color-page-help-description);
    word-break: keep-all;
}

.ux-app-help-about__source {
    font-size: calc(16px * var(--d-ess-font-scale, 1));
    line-height: 23px;
    color: #8f8f8f;
}

.ux-app-help-about__divider {
    content: "";
    position: relative;
    display: block;
    flex-basis: 100%;
    height: 1px;
    background: var(--color-list-item-divider);
}

.wx-sub-tab {
    margin-inline-start: 18px;
    margin-inline-end: 18px;
    background: inherit;
}

.wx-sub-tab > .wx-sub-tab-item {
    max-width: fit-content;
}

.standard-ux-card.about-air-comfort-desc .standard-ux-component__description__subtitle {
    font-weight: 600;
}

.standard-ux-card.about-other-feature-desc .standard-ux-component__description__orderedlist {
    margin: 16px 0;
    display: block;
}

.standard-ux-card.about-other-feature-desc .standard-ux-component__description__orderedlist li {
    color: var(--color-description-text);
    font-weight: bold;
}

#WelcomePage .ux-app-list {
    padding: 0 24px;
    position: relative;
    display: flex;
    width: 100%;
    height: calc(100% - 100px);
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    --status-bar-height: 24px;
}

[data-os="iOS"] #WelcomePage .ux-app-list {
    --status-bar-height: 44px;
}

#WelcomePage .welcome-content {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
}

#WelcomePage .standard-ux-component__description__wrapper {
    padding-block-start: 0;
    margin: 0;
}

#WelcomePage .welcome-content .standard-ux-component[data-first-child="true"][data-component-type="description"] {
    margin: calc(14vh - var(--status-bar-height)) 0 8px;
    align-items: center;
}

#WelcomePage .standard-ux-component__description__title {
    font-size: calc(32px * var(--d-ess-font-scale, 1));
    letter-spacing: 0;
    line-height: 43px;
    font-weight: 300;
    color: var(--color-welcome-page-title);
    margin-block-start: 0;
    margin-block-end: 0;
}

#WelcomePage .standard-ux-card {
    overflow: hidden !important;
    margin: 0 auto;
}

#WelcomePage_title {
    --sx-component-margin-bottom: 0;
}

#WelcomePage .standard-ux-component__description__text {
    margin-block-end: 0;
}

#WelcomePage .standard-ux-component[data-margin="medium"] {
    --sx-component-margin-bottom: 0;
}

.ux-app-page-welcome {
    flex: 1;
    position: relative;
    display: flex;
    width: 100%;
    padding: 20px 0;
    flex-direction: column;
    justify-content: center;
}

.ux-app-page-welcome .standard-ux-component__insight {
    padding: 0 24px;
}

.ux-app-page-welcome .standard-ux-card {
    background-color: unset;
}

.welcome-page_start_button_container {
    width: 100vw;
    display: flex;
    justify-content: center;
    padding-block-start: 24px;
    padding-block-end: 24px;
    position: fixed;
    bottom: 0;
}

.welcome-page_start_button {
    margin: auto;
}

#WelcomePage .wx-raised-button {
    background: var(--color-component-button-background-blue);
    color: var(--color-raised-button-text--colored);
    min-width: 240px;
    max-width: 240px;
    margin: 0;
    padding: 10px 16px;
    border-radius: 26px;
}

.air-quality-welcome-card__animation_container {
    position: relative;
    max-width: 100%;
}

.air-quality-welcome-card__animation_container[data-height="small"] {
    height: 180px;
}

.air-quality-welcome-card__animation_container > svg {
    width: 100%;
    height: inherit;
}

#WelcomePage .lottie_animation_container[data-height="small"] {
    max-height: none;
    display: grid;
    place-items: center;
}

@media only screen and (max-height: 479px) {
    #WelcomePage .welcome-content .standard-ux-component[data-first-child="true"][data-component-type="description"] {
        margin: calc(10vh - var(--status-bar-height)) 0 8px;
    }

    .welcome-page_start_button_container {
        padding-block-start: 24px;
        padding-block-end: 24px;
    }

    #WelcomePage .ux-app-list {
        height: calc(100% - 72px);
    }
}

@media only screen and (max-height: 410px) {
    .welcome-page_start_button_container {
        padding-block-start: 10px;
        padding-block-end: 10px;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1919px) {
    #WelcomePage .ux-app-pane-container {
        max-width: calc(50% + 48px);
    }
}

@media only screen and (min-width: 589px) and (max-width: 959px) and (min-height: 412px) and (max-height: 959px) {
    [data-orientation="landscape"] #WelcomePage .ux-app-pane-container {
        max-width: calc(50% + 48px);
    }

    [data-orientation="landscape"] .welcome-page_start_button_container {
        padding-block-start: 10px;
        padding-block-end: 10px;
    }

    [data-orientation="landscape"] .ux-app-page-welcome {
        padding: unset;
        padding-block-start: 20px;
    }
}

@media only screen and (min-width: 589px) and (max-width: 959px) and (max-height: 411px) {
    #WelcomePage .welcome-content {
        display: grid;
        grid-template-columns: 57vw 1fr;
        grid-column-gap: 20px;
    }

    #WelcomePage .ux-app-list {
        height: calc(100% - 72px);
        padding: 0 20px;
    }

    #WelcomePage .WelcomePage_text {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #WelcomePage .ux-app-page-welcome {
        margin: 0;
    }

    #WelcomePage .ux-app-pane-container {
        max-width: none;
    }

    #WelcomePage .welcome-content .standard-ux-component[data-first-child="true"][data-component-type="description"] {
        margin: 0 0 8px;
    }

    #WelcomePage .welcome-page_start_button_container {
        padding-block-start: 10px;
        padding-block-end: 10px;
    }
}

@media only screen and (min-width: 589px) and (max-width: 1025px) and (max-height: 601px) {
    [data-os="Tizen"] #WelcomePage .welcome-content {
        display: grid;
        grid-template-columns: 57vw 1fr;
        grid-column-gap: 20px;
    }

    [data-os="Tizen"] #WelcomePage .ux-app-list {
        height: calc(100% - 72px);
        padding: 0 20px;
    }

    [data-os="Tizen"] #WelcomePage .WelcomePage_text {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    [data-os="Tizen"] #WelcomePage .ux-app-page-welcome {
        margin: 0;
    }

    [data-os="Tizen"] #WelcomePage .ux-app-pane-container {
        max-width: none;
    }

    [data-os="Tizen"] #WelcomePage .welcome-content .standard-ux-component[data-first-child="true"][data-component-type="description"] {
        margin: 0 0 8px;
    }

    [data-os="Tizen"] #WelcomePage .welcome-page_start_button_container {
        padding-block-start: 10px;
        padding-block-end: 10px;
    }
}

.ux-app-pagination-tutorial {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    flex: 1;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.ux-app-pagination-tutorial .standard-ux-component__pagination__container .standard-ux-component[data-component-type="buttons"] {
    margin-block-start: 0;
}

.ux-app-pagination-tutorial .standard-ux-component__pagination__container .standard-ux-component[data-component-type="buttons"] > .standard-ux-component__buttons__wrapper {
    --p-sx-button-pagination-margin-inline: 12px
}

.ux-app-pagination-tutorial .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
    font-size: calc(13px * var(--d-ess-font-scale, 1));
    color: var(--color-text-grey-6);
}

.ux-app-page-tutorial {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
    overflow: hidden;
}

.ux-app-page-tutorial .standard-ux-card__wrapper {
    margin-block-end: 12px;
}

.ux-app-pagination-tutorial .has-information-icon [data-tutorial-information="true"] .standard-ux-component__description__title {
    margin-inline-end: 4px;
}

.ux-app-pagination-tutorial .standard-ux-component__list__item__icon.right {
    height: 20px;
    width: 20px;
    display: inline-flex;
    vertical-align: bottom;
}

.ux-app-pagination-tutorial .standard-ux-component__list__item__icon.right .ripple.pong{
    height: 20px;
    width: 20px;
}

.ux-app-page-tutorial .lottie_animation_container[data-height="large"] {
    max-height: 340px;
}

.ux-app-page-tutorial .lottie_animation_container > svg {
    max-width: 340px;
    max-height: 340px;
    margin: 0 auto;
}

.ux-app-page-tutorial .standard-ux-component__description__wrapper.tutorial-information-text {
    margin: 0 18px 6px;
}

.page-tutorial .ux-app-page-tutorial  .standard-ux-component__description__wrapper.tutorial-information-text.focus-ignore {
    margin: 0 18px 6px;
}

.ux-app-page-tutorial .standard-ux-component__insight {
    padding: 0 24px;
}

.ux-app-pagination-tutorial .standard-ux-component__pagination__container > .standard-ux-component[data-component-type="buttons"] > .standard-ux-component__buttons__wrapper {
    --p-sx-button-pagination-margin-inline: 12px
}

.tutorial-information-text.standard-ux-component[data-component-type="description"][data-first-child="true"][data-tutorial-information="true"] {
    --sx-component-margin-top: 4px;
}

[data-os="iOS"] [id*="TutorialInformationCard"].wx-dialog .contents {
    margin-inline-start: 16px;
    margin-inline-end: 16px;
}

[data-os="iOS"] [id*="TutorialInformationCard"].wx-dialog .dialog-content-text {
    font-size: calc(13px * var(--d-ess-font-scale, 1));
    line-height: 18px;
    font-weight: normal;
}

.wx-dialog .wx-sub-tab {
    margin-inline-start: 0;
    margin-inline-end: 0;
}

.wx-dialog .wx-sub-tab > .wx-sub-tab-item {
    max-width: unset;
    height: 40px;
    border-radius: 20px;
}

.wx-dialog .wx-list-item {
    --wx-list-item-default-padding-inline: 0;
}

[data-appearance="ios"] .wx-dialog .option.wx-list-view .wx-list-item > [slot="control"] {
    padding-inline-start: 16px;
}

@media only screen and (orientation: landscape)  and (max-height: 411px) {
    .ux-app-list {
        padding-block-end: 0;
    }

    .ux-app-page-tutorial .standard-ux-card,
    .ux-app-page-tutorial .standard-ux-card > .standard-ux-component[data-component-type="custom"],
    .ux-app-page-tutorial .standard-ux-card .lottie_animation_container {
        height: 100%;
    }

    .ux-app-page-tutorial {
        max-width: none;
        flex-direction: row;
        gap: 8px;
    }

    .ux-app-page-tutorial > * {
        flex: 1;
        margin-block-start: 0;
        margin-block-end: 0;
    }

    .page-tutorial .ux-app-page-tutorial .standard-ux-component__description__wrapper.tutorial-information-text.focus-ignore,
    .page-tutorial .ux-app-page-tutorial .standard-ux-component[data-component-type="description"] .standard-ux-component__description__wrapper.tutorial-information-text {
        margin: 0 18px 6px 0;
        display: flex;
        align-items: center;
    }

    .ux-app-pagination-tutorial .standard-ux-component__pagination__container > .standard-ux-component[data-component-type="buttons"] {
        max-width: unset;
        margin: 0 auto;
    }

    .ux-app-page-tutorial .standard-ux-card__wrapper {
        margin-block-end: 0
    }

    .tutorial-information-text.standard-ux-component[data-component-type="description"][data-first-child="true"][data-tutorial-information="true"] {
        --sx-component-margin-top: 0
    }

    .ux-app-pagination-tutorial .standard-ux-component__pagination__container .standard-ux-component[data-component-type="buttons"] > .standard-ux-component__buttons__wrapper {
        --p-sx-button-pagination-margin-inline: 8px;
    }
}

@media only screen and (max-width: 588px) {
    .page-tutorial {
        max-width: unset;
    }

    .ux-app-pagination-tutorial .standard-ux-component__pagination__container .standard-ux-component[data-component-type="buttons"] > .standard-ux-component__buttons__wrapper {
        --p-sx-button-pagination-margin-inline: 8px;
    }
}

@media only screen and (min-width: 589px) and (max-width:959px) and (min-height: 412px){
    .ux-app-pane-container {
        max-width: 688px;
    }

    .ux-app-page-tutorial .standard-ux-card__wrapper {
        margin-block-end: 12px;
    }

    .ux-app-pagination-tutorial .standard-ux-component__pagination__container .standard-ux-component[data-component-type="buttons"] > .standard-ux-component__buttons__wrapper {
        --p-sx-button-pagination-margin-inline: 0;
    }

    .ux-app-pagination-tutorial .standard-ux-component__pagination__container > .standard-ux-component[data-component-type="buttons"] {
        max-width: 564px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 960px){
    .ux-app-page-tutorial .standard-ux-card__wrapper {
        margin-block-end: 12px;
    }

    .ux-app-pagination-tutorial .standard-ux-component__pagination__container .standard-ux-component[data-component-type="buttons"] > .standard-ux-component__buttons__wrapper {
        --p-sx-button-pagination-margin-inline: 0;
    }

    .ux-app-pagination-tutorial .standard-ux-component__pagination__container > .standard-ux-component[data-component-type="buttons"] {
        max-width: 840px;
        margin: 0 auto;
    }
}

.air-quality-tutorical-card__animation_container {
    position: relative;
    max-width: 100%;
    height: 328px;
}

.air-quality-tutorical-card__animation_container[data-height="small"] {
    height: 180px;
}

.air-quality-tutorical-card__animation_container > svg {
    width: 100%;
    height: inherit;
}

.air-quality-tutorical-card__information_button {
    font-size: calc(17px * var(--d-ess-font-scale, 1)) !important;
    border-radius: 22px !important;
    height: 44px !important;
    line-height: 19px;
    font-weight: 500;
}

.boostup-air-comfort-control-care__container {
    display: flex;
    width: 87.18%;
    justify-content: space-between;
    padding-inline-start: 8px;
    padding-inline-end: 8px;
    margin: 0 auto;
}

.boostup-air-comfort-information-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    --rx-svg-size: 20px;
}

.boostup-air-comfort-control-care__description {
    position: relative;
    font-size: calc(17px * var(--d-ess-font-scale, 1));
    color: var(--color-summary-view-description);
    text-align: center;
    line-height: 23px;
    font-weight: normal;
}

.boostup-air-comfort-care .wx-list-view-section-header {
    display: flex; 
    flex-direction: row-reverse;
    align-items: center; 
    justify-content: space-between;
}

.standard-ux-card__plugin-card-wrapper.boostup-air-comfort-care {
    margin: 18px 18px 16px;
    padding: 0;
}

.boostup-air-comfort-care .standard-ux-card__description-wrapper { 
    height: auto;
}

.boostup-air-comfort-care .standard-ux-card__description-wrapper .sx-card-title { 
    font-size: calc(14px * var(--d-ess-font-scale, 1));
    line-height: 21px;
    -webkit-line-clamp: 2;
}

.standard-ux-card__title.boostup-air-comfort-care {
    font-size: calc(14px * var(--d-ess-font-scale, 1));
    color: var(--color-tag-text-selected);
    line-height: 21px;
    font-weight: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.standard-ux-card.boostup-air-comfort-care .standard-ux-component[data-component-type="custom"] {
    margin-block-start: 0;
    margin-block-end: 18px;
}

.boostup-air-comfort-care.dimmed .standard-ux-card__description-wrapper.boostup-air-comfort-care,
.boostup-air-comfort-control-care__container.dimmed .ac-boostup-radio-list-item .boostup-radio-list__wrapper .item {
    opacity: .4;
}

.air-quality-light-indicator__container.dimmed {
    opacity: .4;
}

.standard-ux-card__wrapper.light-indicator-card {
    margin-block-start: 29px;
}

.standard-ux-card.light-indicator-card .standard-ux-component {
    --sx-component-margin-top: 20px;
    --sx-component-margin-bottom: 20px;
}

.air-quality-light-indicator__container {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-inline-start: 18px;
    padding-inline-end: 18px;
}

.air-quality-light-indicator__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.air-quality-light-indicator_circle {
    position: relative;
    display: flex;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin-block-end: 16px;
    align-self: center;
}

.air-quality-light-indicator__icon {
    position: relative;
    display: flex;
    width: 24px;
    height: 24px;
    margin: 0 auto 4px;
}

.air-quality-light-indicator__icon > svg {
    width: 100%;
    height: 100%;
}

.air-quality-light-indicator__description {
    position: relative;
    width: 56px;
    line-height: 14px;
    text-align: center;
    font-size: calc(12px * var(--d-ess-font-scale, 1));
    letter-spacing: -.26px;
    font-weight: 600;
}

.air-quality-information-icon {
    position: relative;
    width: 20px;
    height: 20px;
    flex: none;
}

.air-quality-information-icon > svg {
    width: 100%;
    height: 100%;
}

.standard-ux-card.dynamic-header-card {
    position: relative;
    height: 256px;
}

.standard-ux-card.dynamic-header-card .standard-ux-component__progress__wrapper__container {
    margin: 0;
}

.ux-app-detail-dynamic-summary-wrapper {
    width: 100%;
    border-radius: 27px;
    height: 256px;
    display: flex;
    background: var(--color-dynamic-summary-background);
    overflow: hidden;
}

.ux-app-detail-dynamic-summary-wrapper.pending {
    background: unset;
}

.ux-app-detail-dynamic-summary-wrapper > svg {
    margin-block-start: auto;
    margin-block-end: 8px;
    margin-inline-start: auto;
    margin-inline-end: 8px;
}

.ux-app-detail-dynamic-summary-wrapper.control > svg {
    margin-block-start: auto;
    margin-block-end: 0px;
    margin-inline-start: auto;
    margin-inline-end: 0px;
}

[data-orientation="landscape"] .ux-app-detail-dynamic-summary-wrapper > svg {
    margin-block-start: auto;
    margin-block-end: 8px;
    margin-inline-start: auto;
    margin-inline-end: 8px;
}

[data-orientation="landscape"] .ux-app-detail-dynamic-summary-wrapper.control > svg {
    margin-block-start: auto;
    margin-block-end: 0px;
    margin-inline-start: auto;
    margin-inline-end: 0px;
}

.standard-ux-card__wrapper.header-tips-card {
    margin-block-start: 8px;
    margin-block-end: 0;
}

.standard-ux-card__wrapper.header-tips-card.no-device {
    margin-block-end: 12px;
}

.header-tips-card .standard-ux-component__tips-card__content {
    padding: 18px 18px 0;
}

.header-tips-card .standard-ux-component[data-component-type="buttons"].tips-card {
    margin-block-end: 0;
}

.header-tips-card .standard-ux-component__buttons__wrapper[data-flex-direction="row"].tips-card {
    height: 32px;
    --sx-button-column-gap: 12px;
}

.header-tips-card .standard-ux-component__buttons.tips-card {
    height: 32px;
}

.header-tips-card .standard-ux-component__buttons .standard-ux-component__buttons__label.tips-card {
    margin-block-start: 6px;
    margin-block-end: 6px;
}

.header-tips-card .standard-ux-component__buttons__icon.tips-card {
    height: 32px;
}

.air-quality-indoor-card__sensor__status__wrapper {
    position: relative;
    display: block;
    margin-block-start: 12px;
}

.air-quality-indoor-card__sensor__status__left {
    position: relative;
    flex: auto;
}

.air-quality-indoor-card__sensor__status__right {
    position: relative;
    flex: 1;
}

.air-quality-indoor-card__sensor__status__divider {
    position: relative;
    width: 1px;
    background: var(--color-graph-card-information-divider);
    display: none;
}

.standard-ux-card.air-summary[data-list-index="1"] {
    min-height: 160px;
}

.standard-ux-card.air-summary[data-list-index="2"] {
    min-height: 200px;
}

.standard-ux-card.air-summary[data-list-index="3"] {
    min-height: 236px;
}

.standard-ux-card.air-summary[data-list-index="4"] {
    min-height: 274px;
}

.standard-ux-card.air-summary .standard-ux-component__table__item__circle {
    border: 1px solid var(--color-icon-active);
}

#AirQualityIndexCard_summary-index-page .standard-ux-card .wx-spinner__button__wrapper.room-navigator-card {
    padding: 0 14px 0 18px;
}

.standard-ux-component[data-component-type="connected_card_carousel"] .standard-ux-component__card__carousel__text__value {
    opacity: 45%;
}

.standard-ux-component[data-component-type="connected_card_carousel"] .standard-ux-component__card__carousel__list__wrapper[data-item-length="3"] {
    --sx-component-card-carousel-width: 140px;
}

.standard-ux-component[data-component-type="connected_card_carousel"] .standard-ux-component__card__carousel__list__wrapper {
    gap: 10px;
    margin-inline-start: var(--sx-component-card-carousel-left-margin);
}

.standard-ux-component[data-component-type="connected_card_carousel"] .standard-ux-component__card__carousel__list__wrapper > * {
    margin-inline-start: 0;
    margin-inline-end: 0;
}

.standard-ux-component[data-component-type="connected_card_carousel"] .standard-ux-component__card__carousel__device__wrapper {
    margin-block-end: 24px;
    height: 100%;
}

.standard-ux-component[data-component-type="connected_card_carousel"] .standard-ux-component__card__carousel__wrapper {
    background-color: var(--color-card-background-on);
}

.standard-ux-card.connected-device-group-card {
    margin-inline-start: 0;
    margin-inline-end: 0;
}

.standard-ux-component__card__carousel.connected-device-carousel.standard-ux-component__card__carousel.connected-device-carousel {
    margin-inline-start: 0;
}

.standard-ux-component__card__carousel__icon__device.right {
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.sx-card-carousel-item[data-device-state="off"],
.sx-card-carousel-item[data-device-health="OFFLINE"] {
    background-color: var(--color-card-background-off);
}

.sx-card-carousel-item[data-device-state="off"] > span[slot="title"],
.sx-card-carousel-item[data-device-health="OFFLINE"] > span[slot="title"] {
    color: var(--color-card-device-name-off)
}

[data-color-scheme="dark"] .sx-card-carousel-item[data-device-state="off"] > div[slot="icon"],
[data-color-scheme="dark"] .sx-card-carousel-item[data-device-health="OFFLINE"] > div[slot="icon"] {
    opacity: 0.75;
}

.sx-card-carousel-item[data-device-state="off"] > wx-button[slot="control"] {
    border-radius: 50px;
    background-color: var(--color-card-power-background-off);
}

.sx-card-carousel-item[data-device-state="on"] > wx-button[slot="control"] {
    border-radius: 50px;
    background-color: var(--color-card-power-background-on);
}

.sx-card-carousel-item[data-device-health="OFFLINE"] > wx-button[slot="control"],
.sx-card-carousel-item[data-device-state="null"] > wx-button[slot="control"] {
    background-color: unset;
}

.standard-ux-component__card__carousel__icon__device.right > svg {
    width: 40px;
    height: 40px;
    padding: 8px;
}

.standard-ux-component__card__carousel__icon__device.right .standard-ux-component__device-control-progress-indicator.wrapper {
    width: 40px;
    height: 40px;
}

.connected-device-carousel.sx-carousel-item.sx-card-carousel-item  > [slot="title"],
.connected-device-carousel.sx-carousel-item.sx-card-carousel-item  > [slot="subtitle"],
.connected-device-carousel.sx-carousel-item.sx-card-carousel-item  > [slot="label"] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.connected-device-carousel.sx-carousel-item.sx-card-carousel-item > wx-button[slot="control"] .sx-icon-loader,
.connected-device-carousel.sx-carousel-item.sx-card-carousel-item > wx-button[slot="control"] svg{
    width: 24px;
    height: 24px;
}

.standard-ux-component[data-component-type="subheader"].hidden {
    margin-block-start: 15px;
    margin-block-end: 5px;
}

.standard-ux-component.air-quality-index-card.standard-ux-component.air-quality-index-card .wx-list-view-section-header.label,
.standard-ux-component.notifications-setting-card.standard-ux-component.notifications-setting-card .wx-list-view-section-header.label {
    margin-block-start: 9px;
    margin-block-end: 9px;
    padding-block-start: 0;
    padding-block-end: 0;
}

.standard-ux-card__wrapper[data-margin-top="small"] {
    margin-block-start: 0 !important;
}

.standard-ux-card__wrapper[data-margin-bottom="small"] {
    margin-block-end: 0 !important;
}

.standard-ux-card__wrapper[data-padding-top="medium"] {
    padding-block-start: 12px;
}

.standard-ux-card__wrapper[data-padding-bottom="medium"] {
    padding-block-end: 12px;
}

.standard-ux-card__wrapper[data-margin-block-start="none"] {
    margin-block-start: 0;
}

.standard-ux-card__wrapper[data-margin-block-end="none"] {
    margin-block-end: 0;
}

.standard-ux-component__tab.chart {
    justify-content: center;
}

.standard-ux-component__tab__item.chart {
    position: relative;
    border: none;
    color: var(--color-graph-card-selection-tab);
    opacity: .29;
    width: fit-content;
    flex: none;
    font-size: calc(14px * var(--d-ess-font-scale, 1));
    font-weight: 400;
    line-height: 20px;
    height: 20px;
    padding: 0;
}

.standard-ux-component__tab__item.chart:not(:last-child) {
    margin-inline-end: 65px;
}

.standard-ux-component__tab__item.chart.clicked {
    opacity: 1;
    border: none;
    color: var(--color-graph-card-selection-tab);
    font-weight: 400;
}

.chart-selection-tab-item-icon > svg g {
    fill: var(--color-graph-card-selection-tab);
}

.chart-selection-tab-item-icon > svg {
    width: 20px;
    height: 20px;
}

.chart-selection-tab-item-icon {
    opacity: .29;
    width: 20px;
    height: 20px;
    margin-inline-end: 6px;
}

.chart-selection-tab-item-icon.clicked {
    opacity: 1;
}

.standard-ux-component__tab.chart > .standard-ux-component__tab__item.chart.clicked {
    background-color: unset;
}

#dialog_ConnectedSensorCard .left-list-item {
    margin-inline-start: 50px;
}

#dialog_ConnectedSensorCard .standard-ux-component__list__item__text {
    margin: 14px 0;
}

#dialog_ConnectedSensorCard .standard-ux-component__list__item__text__title {
    line-height: 23px;
}

#dialog_ConnectedSensorCard .standard-ux-component__list__item__icon__wrapper.left {
    padding-inline-end: 18px;
}

#dialog_ConnectedSensorCard .standard-ux-component__list__item__icon {
    width: 40px;
    height: 40px;
}

#dialog_ConnectedSensorCard .standard-ux-component__list__item__icon__wrapper.inner {
    padding-inline-end: 16px;
}

#mainList_AIR_QUALITY_KEEPER_automations .standard-ux-component[data-component-type="checkbox_list"] .standard-ux-component__list__item.option[aria-checked="true"] {
    background-color: unset !important;
}

#dialog_ConnectedSensorCard .standard-ux-component[data-component-type="checkbox_list"] .standard-ux-component__list__item.option[aria-checked="true"] {
    background-color: unset !important;
}

#AirQualityIndexCard_summary-index-page_SummaryIndexCard_2.standard-ux-component[data-component-type="checkbox_list"] .standard-ux-component__list__item.option[aria-checked="true"] {
    background-color: unset !important;
}

.standard-ux-component__thumbnail__carousel__wrapper {
    border: 0 solid var(--color-card-border) !important;
}

.standard-ux-component[data-component-type="table_item"].summary .standard-ux-component__table__item {
    height: auto;
    margin-block-end: 12px;
}

.standard-ux-component[data-component-type="table_item"].summary .standard-ux-component__table__item:last-child {
    margin-block-end: 0;
}

.standard-ux-component__item__circle__and__description__wrapper {
    display: flex;
    flex: 1;
    overflow: hidden;
    align-items: center;
}

.standard-ux-component__item__icon {
    position: relative;
    width: 18px;
    height: 18px;
    margin-inline-start: unset;
    margin-inline-end: 10px;
}

.standard-ux-component__item__icon > svg {
    position: relative;
    width: 100%;
    height: 100%;
}

.standard-ux-component__item__icon.left > svg path {
    fill: var(--color-basic-black__basic-white);
}

.standard-ux-card.air-summary .standard-ux-component__item__circle {
    border: 1px solid var(--color-icon-active);
}

.standard-ux-component__item__circle {
    display: block;
    align-self: center;
    background: var(--color-energy-blue-1);
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.standard-ux-component__item__wrapper {
    position: relative;
    flex: auto;
    padding: 0 20px;
    border-radius: 16px;
}

.standard-ux-component__item__data__wrapper {
    display: flex;
    font-weight: 500;
    flex: none;
}

.standard-ux-component__item__data__value {
    display: block;
    line-height: 26px;
    text-align: center;
    font-size: calc(18px * var(--d-ess-font-scale, 1));
    color: var(--color-basic-gray-7__basic-gray-4);
}

.standard-ux-component__item__data__unit {
    height: 26px;
    line-height: 26px;
    font-size: calc(18px * var(--d-ess-font-scale, 1));
    color: var(--color-basic-gray-7__basic-gray-4);
    margin-inline-start: 7px;
}

[data-automation-main="true"] .standard-ux-component__insight {
    position: relative;
    padding: 0 20px;
    font-size: calc(13px * var(--d-ess-font-scale, 1));
    font-weight: 400;
    color: var(--color-automation-card-description);
    letter-spacing: 0;
    text-align: center;
    line-height: 18px;
}

[data-automation-sub="true"] .standard-ux-component__insight {
    position: relative;
    padding: 0 24px;
    font-size: calc(16px * var(--d-ess-font-scale, 1));
    font-weight: 400;
    color: #8f8f8f;
    letter-spacing: 0;
    line-height: 24px;
}

[data-range-slider="true"] .standard-ux-component__title__wrapper {
    padding-block-start: 14px;
}

[data-range-slider="true"] .standard-ux-component__main__title {
    font-size: calc(18px * var(--d-ess-font-scale, 1));
}

[data-automation-main="true"] .ripple {
    display: none;
}

[data-automation-main="true"] .clickable.clickable[data-press-style="list"].press::after {
    background: transparent;
}

.standard-ux-card.summary_index .standard-ux-component__image__wrapper {
    margin: unset;
}

.plugin-page__action-bar__title__title.plugin-page__action-bar__title__title {
    word-break: keep-all !important;
    line-height: 28px;
}

.standard-ux-component__extended-header__title {
    word-break: keep-all !important;
    -webkit-line-clamp: 3 !important;
    font-size: calc(20px * var(--d-ess-font-scale, 1)) !important;
    line-height: 24px !important;
    font-weight: 700 !important;
    text-align: start !important;
}

.header-card {
    max-width: fit-content;
}

.header-card .room-navigator-card.wx-spinner {
    --wx-spinner-padding-inline-start: 0;
    --wx-spinner-padding-inline-end: 0;
    --wx-spinner-font-size: 21px;
    --wx-spinner-line-height: 28px;
    --wx-spinner-font-weight: 700;
    --wx-spinner-text: var(--color-action-bar-title);
    color: var(--color-action-bar-title);
}

[data-appearance="ios"] .wx-action-bar > [slot="icon"] {
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
}

#main .plugin-page__container {
    background-color: var(--color-app-background);
}

[fixedappbar] .plugin-page__action-bar .plugin-page__action-bar__background {
    position: absolute;
    opacity: 0;
    background: var(--color-homhub-appbar-background);
    height: var(--action-bar-min-height);
    width: 100%;
}

[fixedappbar] .plugin-page__action-bar.transition .plugin-page__action-bar__background {
    transition: opacity .3s cubic-bezier(.17, .24, .2, 1) 0s;
}

[fixedappbar] .plugin-page__action-bar.scrolled .plugin-page__action-bar__background {
    opacity: 1;
}

[fixedappbar] #main .plugin-page__header {
    position: fixed;
}

@media only screen and (orientation: landscape) and (max-height: 411px) {
    .plugin-page__header {
        padding-block-start: 0;
    }
}

@media only screen and (min-width: 589px) and (max-width: 1025px) and (max-height: 601px) {
    .plugin-page__header {
        padding-block-start: 0;
    }
}

[data-os="iOS"] .plugin-page__header {
    height: unset;
    padding-block-start: unset;
}

[fixedappbar] .ux-app-extended-detail-container {
    --action-bar-custom-height: 56px;
    --action-bar-custom-detail-height: calc(200px + var(--action-bar-custom-height));
    height: var(--action-bar-custom-detail-height);
    margin-block-end: 12px;
}

[fixedappbar][data-orientation="landscape"] .ux-app-extended-detail-container {
    --action-bar-custom-detail-height: calc(175px + var(--action-bar-custom-height));
    height: var(--action-bar-custom-detail-height);
}

[fixedappbar] .plugin-page__action-bar__back {
    margin-inline-end: unset !important;
}

[fixedappbar] .plugin-page__action-bar__title {
    margin-inline-start: 26px !important;
}

[data-os="Android"] .plugin-page[extendable] .plugin-page__action-bar__title {
    opacity: 1 !important;
}

[data-os="iOS"] .plugin-page__action-bar__title__wrapper {
    padding-inline-end: 0;
}

[data-os="iOS"] .plugin-page__action-bar__action_button__wrapper {
    padding-inline-start: 0;
}

.plugin-page__action-bar__detail {
    align-items: unset !important;
}

[data-os="Android"] .standard-ux-component__table__item__wrapper.dialog {
    padding: unset;
}

.standard-ux-component[data-component-type="pagination"] .swiper-button-prev,
.standard-ux-component[data-component-type="pagination"] .swiper-button-next {
    visibility: hidden;
    pointer-events: none;
}

.swiper-slide.standard-ux-component__dynamic-header {
    width: 100% !important;
}

.standard-ux-component__text__item.temperature_humidity .standard-ux-component__text__item__title__button > svg path {
    fill: currentcolor;
}

[data-color-scheme="dark"] .standard-ux-component__text__item.temperature_humidity .standard-ux-component__text__item__title__button > svg path {
    fill: #fafafa;
}

.standard-ux-component__text__item__title__wrapper.temperature_humidity {
    flex-direction: row-reverse;
}

.standard-ux-component__list__item.primary.active.smartmonitoring .standard-ux-component__list__item__text__description {
    color: var(--color-component-list-item-sub-description);
}

.sticky-position {
    position: absolute !important;
    width: 100%;
    top: 0px !important;
    z-index: 2;
    background: var(--color-app-background) !important;
}

[data-os="Android"] .sticky-position {
    position: sticky !important;
    position: -webkit-sticky !important;
}

[fixedappbar] .sticky-position {
    top: 55px !important;
}

[data-os="iOS"][fixedappbar] .sticky-position {
    top: 0px !important;
}

.sticky-dummy-wrapper {
    position: relative;
    height: 56px;
}

.standard-ux-component__tag[aria-selected="true"] .standard-ux-component__tag__item {
    color: var(--color-basic-black__basic-white);
    border: unset;
    margin: 0 12px;
    line-height: 36px;
    font-size: calc(15px * var(--d-ess-font-scale, 1));
    letter-spacing: -.5px;
}

.standard-ux-component__tag[aria-selected="false"] .standard-ux-component__tag__item {
    margin: 0 12px;
    border: unset;
}

.standard-ux-component__table__item__icon.left > svg path {
    fill: var(--color-basic-black__basic-white);
}

.standard-ux-component[data-component-type="description"][data-first-child="true"] {
    --sx-component-margin-top: 18px;
    --sx-component-margin-bottom: 18px;
}

.standard-ux-component[data-component-type="description"][data-first-child="true"][data-tutorial-information="true"] {
    --sx-component-margin-top: 5px;
    --sx-component-margin-bottom: 0;
}

.standard-ux-component[data-component-type="description"] .standard-ux-component__description__wrapper {
    margin: 0 18px;
}

.standard-ux-component[data-component-type="description"][data-automation-main="true"] .standard-ux-component__description__wrapper {
    margin: 0;
}

.standard-ux-component[data-component-type="description"] .standard-ux-component__description__wrapper :last-child {
    margin-block-end: 0;
}

[data-tutorial-information="true"] .standard-ux-component__description__title {
    display: inline;
    font-size: calc(15px * var(--d-ess-font-scale, 1));
    letter-spacing: 0;
    line-height: 20px;
    margin-block-start: unset;
    margin-block-end: unset;
    font-weight: 600;
}

[data-automation-main="true"] .standard-ux-component__description__text {
    padding: 0 20px;
}

.page-smartmonitoring-insight-wrapper .standard-ux-component__description__text + .standard-ux-component__description__text,
.about-air-comfort-desc .standard-ux-component__description__text + .standard-ux-component__description__text,
.about-space-air-manager-desc .standard-ux-component__description__text + .standard-ux-component__description__text {
    margin-block-start: 21px;
}

.about-space-air-manager-desc .automatic-air-control-desc {
    margin-block-start: 21px;
}

.page-smartmonitoring-insight-wrapper .standard-ux-component__description__text + .standard-ux-component__description__text:last-child {
    margin-block-start: 0;
}

.about-air-comfort-desc .standard-ux-component__description__subtitle {
    margin-block-end: 18px;
}

#main_howtouse .standard-ux-component__pagination__container .swiper {
    height: calc(100% - 56px);
}

.room-summary-card.sx-card-title,
.no-sensing-device-room-card.sx-card-title {
    color: var(--color-text-field-text);
}

.room-summary-card .standard-ux-card__sub-text,
.no-sensing-device-room-card .standard-ux-card__sub-text {
    color: var(--color-component-list-item-text-description);
}

.room-summary-card .sx-card-title-sub[data-automation-turn-on="true"],
.no-sensing-device-room-card .sx-card-title-sub[data-automation-turn-on="true"] {
    color: var(--color-component-list-item-active);
}

.room-summary-card-content,
.no-sensing-device-room-card-content {
    display: flex;
    margin: 10px 18px 14px;
    flex-wrap: wrap;
    flex-direction: row;
    row-gap: 16px;
    column-gap: 8px;
}

.standard-ux-card__right-icon.no-sensing-device-room-card svg,
.standard-ux-card__right-icon.room-summary-card svg {
    fill: none !important;
    transform: rotate(180deg);
}

.standard-ux-card__wrapper.outdoor-summary-card__wrapper {
    margin-block-end: 8px;
}

.standard-ux-card.plain.outdoor-summary-card {
    margin: 0;
}

.outdoor-summary-card-content {
    display: flex;
    padding-inline-start: 14px;
    padding-inline-end: 14px;
}

.room-summary-left-half,
.room-summary-right-half,
.no-sensing-device-room-left-half,
.no-sensing-device-room-right-half {
    min-width: fit-content;
    flex: calc(50% - 4px) 1 0;
}

.room-summary-status-wrapper,
.no-sensing-device-room-status-wrapper {
    display: flex;
    gap: 4px;
    height: fit-content;
}

.room-summary-status-prefix,
.no-sensing-device-room-status-prefix {
    font-size: calc(13px * var(--d-ess-font-scale, 1));
    color: var(--color-text-grey-3);
    display: flex;
}

.room-summary-status-text,
.no-sensing-device-room-status-text {
    font-size: calc(22px * var(--d-ess-font-scale, 1));
    align-self: center;
    color: var(--color-summary-view-description);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
    overflow-wrap: break-word;
}

.outdoor-summary-status-text {
    align-self: center;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    overflow-wrap: break-word;
    font-size: calc(14px * var(--d-ess-font-scale, 1));
    color: var(--color-text-grey-2);
    line-height: 18px;
    font-weight: 600;
}

.room-summary-status-criteria-wrapper,
.no-sensing-device-room-status-criteria-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: var(--color-grayscale-4);
    border-radius: 6px;
    min-height: 22px;
    margin-block-start: 8px;
    padding: 3px 8px;
    column-gap: 16px;
    row-gap: 4px;
}

.room-summary-status-criteria,
.no-sensing-device-room-status-criteria {
    font-size: calc(12px * var(--d-ess-font-scale, 1));
    color: var(--color-text-grey-5);
    display: flex;
    flex-direction: row;
    gap: 4px;
}

.room-comfort-status-criteria:last-child {
    margin-inline-end: unset;
}

.room-summary-status-icon,
.no-sensing-device-room-status-icon {
    display: flex;
    width: 24px;
    height: 24px;
    margin: 3px 0;
    align-self: flex-start;
    align-items: center;
}

.room-summary-status-icon.arrow,
.no-sensing-device-room-status-icon.arrow {
    width: 36px;
    min-width: 36px;
    min-height: 36px;
    height: 36px;
}

.room-summary__air-comfort__status__icon,
.room-summary__air-quality__status__icon,
.no-sensing-device-room__air-quality__status__icon {
    display: flex;
    position: relative;
    width: 14px;
    height: 14px;
    margin-inline-start: 2px;
}

.room-summary__air-comfort__status__icon > svg,
.room-summary__air-quality__status__icon > svg,
.no-sensing-device-room__air-quality__status__icon > svg {
    width: 14px;
    height: 14px;
}

.standard-ux-component__icon__item__value.space-air-manager.room-summary-card {
    display: none;
}

.standard-ux-component__icon__item__icon.space-air-manager.room-summary-card {
    overflow: hidden;
}

.outdoor-summary-status-icon {
    display: flex;
    width: 24px;
    height: 24px;
    align-self: center;
    align-items: center;
    justify-content: center;
}

.outdoor-summary-status-icon svg {
    width: 24px;
    height: 24px;
}

.outdoor-summary-status-wrapper {
    display: flex;
    gap: 5px;
}

.air-comfort-card__chart__label {
    font-size: calc(9px * var(--d-ess-font-scale, 1));
    color: var(--color-air-comfort-card-x-axis-label);
    justify-self: center;
    overflow: visible;
}

.air-comfort-card__chart__label:first-child {
    justify-self: left;
}

.air-comfort-card__comfort_zone__arrow__container {
    position: absolute;
    top: 0;
    left: 15.5px;
}

.air-comfort-card__comfort_zone__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-air-comfort-card-selector-line);
}

.automation-card__dialog .standard-ux-component__list__item {
    padding: 0;
    height: inherit;
}

.automation-card__dialog .standard-ux-component__list__item.subtext .standard-ux-component__list__item__icon__wrapper.left {
    padding-inline-start: unset;
    margin-inline-start: -4px;
}

[data-os="iOS"] .automation-card__dialog .standard-ux-component__list__item.subtext .standard-ux-component__list__item__icon__wrapper.left {
    padding-inline-start: 16px;
}

.automation-card__dialog .standard-ux-component__list__item.subtext .standard-ux-component__list__item__icon {
    width: 36px;
    height: 36px;
}

.automation-card__dialog .standard-ux-component__description__wrapper {
    margin: unset;
}

.automation-card__dialog .standard-ux-component__description__title {
    font-weight: 600;
    font-size: calc(15px * var(--d-ess-font-scale, 1));
    color: var(--color-text-field-text);
    line-height: 23px;
    margin-block-start: unset;
    margin-block-end: unset;
    padding-block-start: 9px;
    padding-block-end: 9px;
}

.automation-card__dialog .standard-ux-component__list__item__text {
    margin: 14px 0;
}

.automation-card__dialog .standard-ux-component__list__item__text__description {
    color: var(--color-text-field-label);
}

.automation-card__dialog .wx-dialog.message {
    line-height: 23px;
}

.standard-ux-card.chunk-card.plain .standard-ux-component[data-component-type="description"][data-first-child="true"] {
    --sx-component-margin-top: 4px;
    --sx-component-margin-bottom: 4px;
}

#AIR_QUALITY_KEEPER_automations .standard-ux-component__list__item__text__description,
#AUTO_AIR_PURIFICATION_automations .standard-ux-component__list__item__text__description,
#LIGHT_INDICATOR_automations .standard-ux-component__list__item__text__description {
    color: var(--color-text-field-label);
}

#main #extendedArea + .standard-ux-card__wrapper,
#RoomMonitoringPage #extendedArea + .standard-ux-card__wrapper,
#RoomMonitoringPage .space-air-manager.hide + .standard-ux-card__wrapper,
#rightList #extendedArea + .standard-ux-card__wrapper > .standard-ux-component.hidden {
    margin-block-start: unset;
}

[data-os="iOS"] .wx-dialog.button.cancel {
    font-weight: 600;
}

[data-card-type="space-air-manager-master-control"] .standard-ux-component__list__item__text__description {
    color: var(--color-sam-master-control-card-description);
}

.space-air-manager.room-summary-card[data-component-type="subtext_list"] .standard-ux-component__list__item {
    padding: 0 50px 0 20px;
}

.space-air-manager.room-summary-card[data-component-type="subtext_list"] .standard-ux-component__list__item__text {
    margin: 20px 0;
}

.space-air-manager.room-summary-card[data-component-type="subtext_list"] .standard-ux-component__list__item__text__title {
    font-size: calc(14px * var(--d-ess-font-scale, 1));
    color: var(--color-summary-view-title);
}

.space-air-manager.room-summary-card[data-component-type="subtext_list"] .standard-ux-component__list__item__contents.space-air-manager.room-summary-card {
    padding-inline-start: 0;
    padding-inline-end: 8px;
}

.space-air-manager.room-summary-card[data-component-type="subtext_list"] .standard-ux-component__list__item__icon__wrapper {
    right: 18px;
}

.space-air-manager.room-summary-card[data-component-type="subtext_list"] .standard-ux-component__list__item__icon.right.clickable {
    width: 24px;
    height: 24px;
}

.space-air-manager.room-summary-card[data-component-type="subtext_list"] .standard-ux-component__list__item__icon > svg g {
    fill: var(--color-room-card-right-icon);
}

.standard-ux-component.space-air-manager.room-summary-card[data-component-type="icon_item"] {
    display: flex;
}

.space-air-manager.room-summary-card[data-component-type="icon_item"] .standard-ux-component__icon__item__wrapper.scrollable {
    margin: 0 auto;
    column-gap: 14px;
}

.space-air-manager.room-summary-card[data-component-type="subtext_list"] .standard-ux-component__list__item.clickable .ripple.pong,
[data-os="iOS"] .space-air-manager.room-summary-card[data-component-type="subtext_list"] .standard-ux-component__list__item.clickable.press::after {
    display: none;
}

@media screen and (max-width: 312px) {
    .space-air-manager.room-summary-card[data-component-type="icon_item"] .standard-ux-component__icon__item__wrapper.scrollable {
        column-gap: 2px;
    }
}

@media screen and (min-width: 588px) {
    .space-air-manager.room-summary-card[data-component-type="icon_item"] .standard-ux-component__icon__item__wrapper.scrollable {
        column-gap: 6.6px;
    }
}

.space-air-manager.room-summary-card[data-component-type="icon_item"] .space-air-manager.room-summary-card.standard-ux-component__icon__item {
    width: 80px;
    margin-inline-start: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
}

.space-air-manager.room-summary-card[data-component-type="icon_item"] .space-air-manager.room-summary-card.standard-ux-component__icon__item:first-child {
    margin-inline-start: 20px;
}

.space-air-manager.room-summary-card[data-component-type="icon_item"] .space-air-manager.room-summary-card.standard-ux-component__icon__item:last-child {
    margin-inline-end: 20px;
}

.space-air-manager.illustration-img {
    width: 360px;
    height: 228px;
    margin: auto;
}

.space-air-manager.description-card.standard-ux-card__wrapper {
    margin-block-start: 0;
    margin-block-end: 0;
}

.switch-card-pending-wrapper,
.space-air-manager-switch-pending-wrapper {
    width: 43px;
    height: 24px;
    margin: auto;
    position: relative;
}

.space-air-manager.standard-ux-component[data-first-child="true"] {
    --sx-component-margin-top: 0;
}

.space-air-manager.offline-icon-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 22px;
    height: 22px;
}

.space-air-manager.room-summary-card .standard-ux-component__list__item__text__description_wrapper {
    display: grid;
}

.space-air-manager.room-summary-card .standard-ux-component__list__item__text__description {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.standard-ux-card__wrapper.space-air-manager.empty + .standard-ux-card__wrapper {
    margin-block-start: 0;
}

.space-air-manager.condition-ventilation-care.wx-dialog.message,
.space-air-manager.condition-air-quality.wx-dialog.message,
.space-air-manager.condition-air-comfort.wx-dialog.message {
    text-align: start;
}

[data-os="iOS"] .space-air-manager.condition-ventilation-care.wx-dialog.message,
[data-os="iOS"] .space-air-manager.condition-air-quality.wx-dialog.message,
[data-os="iOS"] .space-air-manager.condition-air-comfort.wx-dialog.message {
    margin-block-start: 12px;
    text-align: center;
}

[data-os="iOS"] .space-air-manager .standard-ux-component__list__item__text {
    flex: 1 1 0;
    min-width: 0;
 }

[data-os="iOS"] .space-air-manager .standard-ux-component__list__item__text__description {
   display: block;
   word-break: break-word;
   white-space: normal;
 }

@media (orientation: landscape) and (max-height: 500px) {
    .wx-dialog.wrapper.space-air-manager.condition-air-comfort .wx-dialog.contents {
        border-block-start: unset;
        border-block-end: unset;
    }
}

.wx-dialog.wrapper.space-air-manager.condition-ventilation-care .wx-dialog.message {
    margin-block-end: 12px;
}

[data-os="iOS"] .wx-dialog.wrapper.space-air-manager.condition-ventilation-care .wx-dialog.message {
    margin-block-end: 2px;
}

.space-air-manager.condition-air-comfort .scrollable {
    scrollbar-width: unset;
    -ms-overflow-style: none;
}

.space-air-manager.condition-air-comfort .scrollable::-webkit-scrollbar {
    display: none;
}

[data-os="iOS"] .wx-dialog.wrapper.space-air-manager.condition-air-comfort .standard-ux-component__scroll-picker__container {
    justify-content: center;
}

html:not([data-os="iOS"]) .space-air-manager.condition-air-quality.wx-dialog.contents,
html:not([data-os="iOS"]) .space-air-manager.condition-ventilation-care.wx-dialog.contents {
    margin-inline-start: 22px;
    margin-inline-end: 22px;
}

html:not([data-os="iOS"]) .space-air-manager.condition-air-quality .standard-ux-component[data-component-type="radio_button_list"] .standard-ux-component__list__item.option,
html:not([data-os="iOS"]) .space-air-manager.condition-ventilation-care .standard-ux-component[data-component-type="radio_button_list"] .standard-ux-component__list__item.option {
    padding-inline-start: unset;
    padding-inline-end: unset;
}

html:not([data-os="iOS"]) .space-air-manager.condition-air-quality .standard-ux-component[data-component-type="radio_button_list"] .standard-ux-component__list__item__icon__wrapper.left,
html:not([data-os="iOS"]) .space-air-manager.condition-ventilation-care .standard-ux-component[data-component-type="radio_button_list"] .standard-ux-component__list__item__icon__wrapper.left {
    padding-inline-start: 0;
}

.space-air-manager .standard-ux-component__list__item__icon.vertical-middle.right {
    width: 24px;
    height: 24px;
}

.standard-ux-card.chunk-card.automation-master-switch-card,
.standard-ux-card.chunk-card.master-switch-card {
    border-radius: 29px;
    background-color: transparent;
}

.lottie_animation_container {
    position: relative;
    max-width: 100%;
    max-height: 332px;
}

.lottie_animation_container[data-height="small"] {
    max-height: 188px;
}

.lottie_animation_container[data-height="medium"] {
    max-height: 228px;
}

.lottie_animation_container[data-height="large"] {
    height: 332px;
    display: flex;
    justify-content: center;
}

.lottie_animation_container > svg {
    margin: 0 auto;
    flex-shrink: 0;
}

.standard-ux-card.standard-ux-component__image-card {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-block-end: 16px;
}

.standard-ux-component__image-card > svg,
.standard-ux-component__image-card > img {
    margin: 0 auto;
    flex-shrink: 0;
}

.confirm-routines-card .standard-ux-component__list__item.primary.active .standard-ux-component__list__item__text__description {
    color: var(--color-component-list-item-text-description);
}

@media only screen and (max-width: 479px) {
    .toast {
        max-width: 84% !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 959px) {
    .toast {
        max-width: 68% !important;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1919px) {
    [data-orientation="landscape"] .toast {
        max-width: 37.5% !important;
    }
}

@media only screen and (min-width: 1920px) {
    .toast {
        max-width: 25% !important;
    }
}

[data-os="iOS"] .wx-switch.wrapper[aria-disabled="true"] {
    opacity: .4;
}

[data-os="iOS"]  .wx-switch.wrapper[aria-disabled="true"][aria-checked="true"] .background {
    background: var(--color-app-primary);
}

[data-os="iOS"] .wx-switch.wrapper[aria-disabled="true"][aria-checked="true"] .wx-switch.circle {
    transform: translateX(20px) translateZ(0);
}

.standard-ux-component.button_learn_more,
.standard-ux-component__buttons__wrapper.button_learn_more,
.standard-ux-component__buttons__label.button_learn_more {
    margin: 8px 16px 4px !important;
    padding: 0;
    text-align: start;
}

.standard-ux-component__buttons.button_learn_more.clickable .ripple.pong,
[data-os="iOS"]  .standard-ux-component__buttons.button_learn_more.clickable.press::after {
    display: none;
}

.air-comfort-checkbox-contents[integrated] {
    pointer-events: all;
}

.air-comfort-checkbox-contents .wx-list-item__text__title {
    margin: 0 0 4px 3px;
}

.find-air-control .standard-ux-component[data-component-type="banner"][data-banner-type="mall"] {
    background-color: transparent;
}

.find-air-control .standard-ux-component__banner__text {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-inline-end: 10px;
}

.find-air-control [data-component-type="banner"][data-banner-type="mall"] .standard-ux-component__banner__wrapper {
    padding-block-start: 10px;
    padding-block-end: 10px;
    padding-inline-start: 18px;
    padding-inline-end: 18px;
}

.find-air-control [data-component-type="banner"][data-banner-type="mall"] .standard-ux-component__banner__content {
    align-items: center;
    margin-block-end: unset;
}

.find-air-control [data-component-type="banner"][data-banner-type="mall"] .standard-ux-component__banner__title {
    color: var(--color-text-field-text);
    font-size: calc(17px * var(--d-ess-font-scale, 1));
    line-height: normal;
    font-weight: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    overflow-wrap: break-word;
    margin-block-start: 6px;
    margin-block-end: 15px;
}

.find-air-control [data-component-type="banner"][data-banner-type="mall"] .standard-ux-component__banner__description {
    color: var(--color-text-grey-3);
    font-size: calc(13px * var(--d-ess-font-scale, 1));
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    overflow-wrap: break-word;
    margin-block-end: 10px;
}

.find-air-control [data-component-type="banner"][data-banner-type="mall"] .standard-ux-component__banner__icon,
.find-air-control [data-component-type="banner"][data-banner-type="mall"] .standard-ux-component__banner__icon .icon-child {
    width: 88px;
    height: 88px;
}

.find-air-control [data-component-type="banner"] .standard-ux-component.banner[data-component-type="buttons"] {
    display: none;
}

.do-not-disturb-time-picker .scrollable {
    scrollbar-width: unset;
    -ms-overflow-style: none;
}

.do-not-disturb-time-picker .scrollable::-webkit-scrollbar {
    display: none;
}

@media only screen and (min-width: 512px) {
    .sx-day-picker-container.do-not-disturb-day-picker {
        padding-inline-start: 24px;
        padding-inline-end: 24px;
    }
}

.sx-day-picker-container.do-not-disturb-day-picker {
    color: var(--color-day-picker-repeat-value-text)
}

.banner-title-container {
    display: flex;
    align-items: center;
    position: relative;
    margin-block-start: 6px;
    padding-inline-start: 18px;
    padding-inline-end: 18px;
    height: 36px;
    gap: 4px;
    justify-content: space-between;
}

.banner-title-container .banner-title {
    position: relative;
    font-size: calc(13px * var(--d-ess-font-scale, 1));
    font-weight: 600;
    letter-spacing: 0;
    color: var(--color-banner-subheader-text);
}

.banner-title-container .banner-title-arrow {
    height: 28px;
    width: 28px;
}

.banner-title-container .banner-title-arrow > svg {
    height: 28px;
    width: 28px;
    transform-origin: center center;
    -webkit-backface-visibility: visible;
            backface-visibility: visible;
    transition: transform .25s cubic-bezier(.33, 0, .1, 1);
}

.banner-title-container .banner-title-arrow.collapsed > svg {
    transform: rotate(180deg);
}

#banner-collapsible-container.collapse-container {
    position: relative;
    overflow: hidden;
    transition: max-height .25s cubic-bezier(.33, 0, .1, 1);
    max-height: 500px;
}

#banner-collapsible-container.collapse-container .collapse-info {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: calc(13px * var(--d-ess-font-scale, 1));
    border-radius: 16px;
    transition: opacity .15s cubic-bezier(.33, 0, .33, 1), top .3s cubic-bezier(.33, 0, .1, 1);
    opacity: 0;
    z-index: -1;
}

#banner-collapsible-container.collapse-container.collapsed .collapse-info {
    background: rgb(0, 0, 0, .4);
    opacity: 0;
    z-index: 1;
}

.banner-container {
    display: flex;
    gap: 16px;
    padding-block-start: 16px;
    padding-block-end: 20px;
    padding-inline-start: 18px;
    padding-inline-end: 18px;
}

.banner-container .banner-text-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.banner-container .banner-text-container .banner-title {
    font-size: calc(17px * var(--d-ess-font-scale, 1));
    color: var(--color-banner-item-title);
    font-weight: normal;
    line-height: 22px;
}

.banner-container .banner-text-container .banner-description {
    font-size: calc(13px * var(--d-ess-font-scale, 1));
    color: var(--color-banner-item-description);
    line-height: 18px;
    font-weight: normal;
}

.banner-container .banner-icon {
    height: 88px;
    width: 88px;
}

.standard-ux-component.ventilation-care__tag {
    margin: 2px 8px 10px;
}

[data-os="iOS"] .standard-ux-component.ventilation-care__tag {
    margin: 2px 16px 10px;
}

.ventilation-care__tag .standard-ux-component__tag.swiper-slide {
    flex: 1;
}

.ventilation-care__tag .standard-ux-component__tag.swiper-slide:first-child {
    margin-inline-start: 0;
}

.ventilation-care__tag .standard-ux-component__tag.swiper-slide:last-child {
    margin-inline-end: 0;
}

.ventilation-care__tag .standard-ux-component__tag.swiper-slide .standard-ux-component__tag__item {
    width: 100%;
}

.ventilation-care__tag .standard-ux-component__tag.swiper-slide[aria-selected="true"] .standard-ux-component__tag__item {
    font-weight: 600;
}

.standard-ux-component__tag__wrapper.ventilation-care__tag {
    -webkit-mask-image: unset;
            mask-image: unset;
}

.standard-ux-component__table__item__wrapper {
    position: relative;
    flex: auto;
    padding: 0 20px;
    border-radius: 16px;
}

.standard-ux-component__table__item {
    display: flex;
    height: 44px;
    justify-content: space-between;
    align-items: center;
}

.standard-ux-component__table__item:last-child {
    margin-block-end: 0;
}

.standard-ux-component__table__item__circle__and__description__wrapper {
    display: flex;
    flex: 1;
    overflow: hidden;
    align-items: center;
}

.standard-ux-component__table__item__circle {
    display: block;
    background: var(--color-energy-blue-1__energy-blue-1);
    width: 12px;
    height: 12px;
    border-radius: 6px;
    margin-inline-end: 12px;
    margin-inline-start: 0;
    will-change: contents;
}

.standard-ux-component__table__item__description {
    position: relative;
    line-height: 26px;
    text-align: start;
    font-size: calc(15px * var(--d-ess-font-scale, 1));
    color: var(--color-basic-gray-7__basic-gray-4);
    will-change: contents;
    max-width: calc(var(--eww-screen-width) * .6);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-inline-end: 8px;
}

.standard-ux-component__table__item__data__wrapper {
    display: flex;
    font-weight: 500;
    flex: none;
}

.standard-ux-component__table__item__data__value {
    display: block;
    line-height: 26px;
    text-align: end;
    font-size: calc(18px * var(--d-ess-font-scale, 1));
    font-weight: 600;
    color: var(--color-basic-gray-7__basic-gray-4);
}

.air-monitoring-devices-selection-tab.wx-sub-tab {
    margin-inline-start: 14px;
    margin-inline-end: 14px;
}

.air-monitoring-devices-selection-tab.wx-sub-tab > .wx-sub-tab-item {
    max-width: unset;
    min-width: calc((100% - 2 * 24px) / var(--tab-num));
    padding-inline-start: 12px;
    padding-inline-end: 12px;
    padding-block-start: 10px;
    padding-block-end: 12px;
    line-height: 18px;
}

.air-monitoring-devices-selection-tab.wx-sub-tab > .wx-sub-tab-item[aria-selected="true"] {
    padding-block-start: 10px;
    padding-block-end: 10px;
    line-height: 20px;
}

.standard-ux-component.air-monitoring-devices-selection-tab .standard-ux-component__tab__item.wide-text {
    min-width: auto;
    padding-inline-start: 10px;
    padding-inline-end: 10px;
    padding-block-start: 5px;
    padding-block-end: 4px;
}

.standard-ux-component.air-monitoring-devices-selection-tab .standard-ux-component__tab__wrapper.wide-text {
    margin-inline-start: 6px;
    margin-inline-end: 6px;
}

.wx-dialog.contents .standard-ux-component__list__item__contents::after {
    display: none;
}

[data-os="iOS"] .wx-dialog .temperature-picker-wrapper .standard-ux-component__scroll-picker__table .standard-ux-component__scroll-picker__table__row,
[data-os="iOS"] .wx-dialog .temperature-picker-type.temperature-picker-type {
    color: var(--color-component-temperature-picker-text);
}

.settings-page .standard-ux-card__wrapper.smart-monitoring-card{
    margin-block-end: 0;
}

.summary-index-page .summary-index-description .standard-ux-card.chunk-card.plain .standard-ux-component[data-component-type="description"][data-first-child="true"] {
    --sx-component-margin-top: 0;
    --sx-component-margin-bottom: 0;
}

.summary-index-page .summary-index-description {
    margin-block-end: 8px;
}

.summary-index-page .room-navigator-card.wx-spinner {
    --wx-spinner-height: 56px;
}

.summary-index-page .standard-ux-card__wrapper[data-subheader="true"] .wx-list-view-section-header.label {
    margin: 9px 18px;
    padding: 0;
}

.standard-ux-component__list__items.summary-index-view.dimmed {
    pointer-events: auto !important;
}

.smart-monitoring-devices-page .standard-ux-card__wrapper[data-subheader="true"] .standard-ux-component[data-component-type="subheader"] .wx-list-view-section-header.label {
    margin: 9px 18px;
    padding: 0;
}

.smart-monitoring-devices-page .page-smartmonitoring-insight-wrapper .standard-ux-card.chunk-card.plain .standard-ux-component[data-component-type="description"][data-first-child="true"] {
    --sx-component-margin-top: 0;
    --sx-component-margin-bottom: 22px;
}

sx-tips-card-item {
    --sx-tips-card-item-background: var(--color-card-background);
    padding-block-start: 18px;
    padding-block-end: 12px;
    padding-inline-start: 18px;
    padding-inline-end: 18px;
}

sx-tips-card-item .sx-tips-card-buttons-wrapper {
        margin-inline-end: 6px;
    }