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

:root {
    --rgb-color-primary: 54, 149, 221;
    --rgb-color-control-active: 76, 167, 237;
    --rgb-color-white: 250, 250, 250;
    --rgb-color-black: 37, 37, 37;
    --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;
    --rgb-color-card-background: 252, 252, 252;
    --color-card-border: #d6d6d6;
    --rgb-color-card-border: 214, 214, 214;
}

:focus {
    outline: 0;
}

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

body {
    position: relative;
}

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

.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%;
        /* stylelint-disable-line */
    }

    100% {
        left: -100%;
        /* stylelint-disable-line */
    }
}

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

    100% {
        transform: scale(1);
        /* opacity: 1; */
    }
}

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

    100% {
        transform: scale(.95);
        /* opacity: 1; */
    }
}

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

.dimmed {
    opacity: .3 !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;
    -webkit-margin-before: -10px;
    margin-block-start: -10px;
    -webkit-margin-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.power-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.power-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;
}

.ux-app-page-main__action-bar__title__icon {
    flex: none;
    width: 36px;
    height: 36px;
    -webkit-margin-start: -14px;
    margin-inline-start: -14px;
    -webkit-margin-end: 6px;
    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;
    -webkit-margin-after: 2px;
    margin-block-end: 2px;
}

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

.ux-app-page.information {
    background: var(--color-plugin-page-information-background);
}

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

.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;
    transform: scale(60%);
    height: 120px;
    margin: auto;
}

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

.ux-app-page-information__title__name {
    position: relative;
    font-weight: 300;
    font-size: 34px;
    text-align: center;
    color: var(--color-plugin-page-information-title);
}

.ux-app-page-information__version {
    position: relative;
    -webkit-margin-before: 12px;
    margin-block-start: 12px;
}

.ux-app-page-information__version__title {
    position: relative;
    font-size: 16px;
    color: var(--color-plugin-page-information-description);
    text-align: center;
}

.ux-app-page-information__version__description {
    position: relative;
    font-size: 16px;
    text-align: center;
    color: var(--color-plugin-page-information-description);
}

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

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

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

.ux-app-page-license > iframe {
    position: relative;
    display: block;
    width: 100%;
    min-height: 101%;
    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-notification-list:empty {
    display: none;
}

.ux-app-component__title {
    display: flex;
    align-items: center;
}

.ux-app-component > .ux-app-card:not(:nth-child(2)) {
    -webkit-padding-before: 12px;
    padding-block-start: 12px;
}

[data-component-count="0"] .ux-app-component,
[data-component-count="1"] .ux-app-component {
    -webkit-padding-before: 12px;
    padding-block-start: 12px;
}

[data-component-count="0"] .ux-app-component__title,
[data-component-count="1"] .ux-app-component__title {
    display: none;
}

.ux-app-component__title__text {
    color: var(--color-plugin-component-header-text);
    flex: none;
    font-size: 13px;
    font-weight: 500;
    max-width: calc(100% - 100px);
    overflow: hidden;
    -webkit-padding-start: 12px;
    padding-inline-start: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
}

.ux-app-component__title__text::first-letter {
    text-transform: uppercase;
}

.ux-app-component__title__strike {
    background: var(--color-plugin-component-header-divider);
    flex: 1;
    height: 2px;
    margin: 0 6px;
    min-width: 46px;
}

.ux-app-component__title__button {
    -webkit-margin-end: 6px;
    margin-inline-end: 6px;
    height: 32px;
    width: 32px;
}

.ux-app-component__title__button > svg {
    height: 100%;
    width: 100%;
    color: var(--color-plugin-component-header-button);
}

.ux-app-component__cards > div {
    -webkit-margin-before: 12px;
    margin-block-start: 12px;
}

.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%;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-start: 14px;
    margin-inline-start: 14px;
}

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

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

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

[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-lists-per-page="1"] .ux-app-list,
.ux-app-list:last-child {
    -webkit-margin-end: 14px;
    margin-inline-end: 14px;
}

.ux-app-list.scrollable > div,
#controlLeftLists > div,
#controlRightLists > div {
    -webkit-margin-after: 10px;
    margin-block-end: 10px;
}

[data-orientation="landscape"] .ux-app-list[data-list-index] {
    width: 50%;
}

.ux-app-card-container {
    position: relative;
    flex: none;
    overflow: hidden;
}

.ux-app-card {
    position: relative;
    display: flex;
    max-width: 100vw;
    flex-direction: column;
    background: var(--color-plugin-card-background);
    border: var(--device-1px) solid var(--color-plugin-card-border);
    border-radius: 26px;
    overflow: hidden;
}

.ux-app-card.animatable {
    opacity: 0;
    transform: scale(.95);
    transform-origin: 50% 0;
    transition: height .5s cubic-bezier(.33, 0, .2, 1) .1s, margin-top .5s cubic-bezier(.33, 0, .2, 1) .1s, transform .35s cubic-bezier(.33, 0, .1, 1), opacity .35s cubic-bezier(.33, 0, .1, 1), background .2s cubic-bezier(.5, 0, .5, 1);
}

.ux-app-card.animatable.show {
    opacity: 1;
    transform: scale(1);
    transition: height .5s cubic-bezier(.33, 0, .2, 1), margin-top .5s cubic-bezier(.33, 0, .2, 1), transform .35s cubic-bezier(.33, 0, .1, 1) .1s, opacity .35s cubic-bezier(.33, 0, .1, 1) .1s, background .2s cubic-bezier(.5, 0, .5, 1);
}

.ux-app-card__header {
    position: relative;
    display: flex;
    flex: none;
    height: 44px;
    -webkit-padding-before: 16px;
    padding-block-start: 16px;
    -webkit-padding-after: 4px;
    padding-block-end: 4px;
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    align-items: flex-end;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.ux-app-card.tiny .ux-app-card__header {
    display: none;
}

.ux-app-card__header__icon {
    flex: none;
    width: 20px;
    height: 20px;
}

.ux-app-card__header__icon > svg {
    width: 20px;
    height: 20px;
}

.ux-app-card__header__text {
    flex: 1;
    height: 19px;
    line-height: 19px;
    font-size: 14px;
    color: var(--color-plugin-card-title);
    -webkit-margin-after: 1px;
    margin-block-end: 1px;
    -webkit-margin-end: 20px;
    margin-inline-end: 20px;
}

.ux-app-card__header__text:not(:first-child) {
    -webkit-margin-start: 8px;
    margin-inline-start: 8px;
}

.ux-app-card[data-dot-indicator] .ux-app-card__header__text::after {
    content: "";
    position: relative;
    display: inline-block;
    width: 6px;
    height: 6px;
    background: var(--color-plugin-card-title-indicator);
    -webkit-margin-start: 4px;
    margin-inline-start: 4px;
    vertical-align: top;
    border-radius: 3px;
}

.ux-app-card__header__button {
    position: relative;
    flex: none;
    width: 24px;
    height: 24px;
    -webkit-margin-end: 16px;
    margin-inline-end: 16px;
}

.ux-app-card__header__button:last-child {
    -webkit-margin-end: 18px;
    margin-inline-end: 18px;
}

.ux-app-card__header__button > svg {
    position: relative;
    width: 100%;
    height: 100%;
    color: var(--color-plugin-card-title-button);
}

.ux-app-card__contents {
    position: relative;
    flex: none;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.error:not(.pending) .ux-app-card__contents {
    visibility: hidden;
}

.ux-app-card__contents:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.ux-app-card__contents[data-contents-type="simple-button"] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 18px 14px 20px;
    box-sizing: content-box;
    min-height: 36px;
    flex-wrap: wrap;
}

.ux-app-card__contents[data-contents-type="switch-oneui20"] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 20px 14px;
    box-sizing: content-box;
    min-height: 36px;
    flex-wrap: wrap;
}

.ux-app-card__contents[data-contents-type="multiple"] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 20px 14px;
    box-sizing: content-box;
    min-height: 56px;
    flex-wrap: wrap;
}

.ux-app-card__contents[data-contents-type="multiple"] .ux-app-ldic[data-layout*="content"] {
    align-items: flex-end;
}

.ux-app-card__contents[data-contents-type="multiple"] .ux-app-ldic__content {
    -webkit-margin-after: 6px;
    margin-block-end: 6px;
}

.ux-app-card.tiny .ux-app-card__contents[data-contents-type="simple-button"].control {
    padding: 14px 18px 14px 20px;
    height: initial;
}

.ux-app-card__contents__error {
    position: absolute;
    display: none;
    width: 100%;
    height: calc(100% - 20px);
    top: 20px;
}

.tiny .ux-app-card__contents__error {
    height: 100%;
    top: unset;
}

.error:not(.pending) .ux-app-card__contents__error {
    display: block;
}

.ux-app-card__contents__error > svg {
    position: absolute;
    display: block;
    width: 44px;
    height: 44px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.ux-app-card__contents__icon {
    position: relative;
    display: flex;
    flex: none;
    width: 36px;
    height: 36px;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px;
    align-items: center;
    justify-content: center;
}

.ux-app-card__contents__icon > svg,
.ux-app-card__contents__icon > .animatable__contents > svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: var(--color-plugin-card-button-icon);
}

.ux-app-card__contents.control .ux-app-card__contents__icon {
    min-width: 36px;
    width: -webkit-fit-content;
    width: fit-content;
    height: 36px;
    -webkit-margin-start: 14px;
    margin-inline-start: 14px;
}

.ux-app-card__contents.control .ux-app-card__contents__icon:not(.image-button) > svg,
.ux-app-card__contents.control .ux-app-card__contents__icon:not(.image-button) > .animatable__contents > svg {
    width: 24px;
    height: 24px;
}

.ux-app-card__contents__refrigerator-item {
    position: relative;
    display: flex;
    width: 92px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.ux-app-card__contents__refrigerator-item-button {
    position: relative;
    width: 100%;
    min-height: 36px;
    margin: 0 auto;
    border-radius: 18px;
    background: var(--color-plugin-card-refrigerator-contact-state-background);
    transition: background .15s linear;
}

.ux-app-card__contents__refrigerator-item-text {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 36px;
    padding: 6px 12px;
    color: var(--color-plugin-card-refrigerator-contact-state-text);
    align-items: center;
    justify-content: center;
}

.ux-app-card__contents__refrigerator-item-text > div {
    display: -webkit-box;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 15px;
    transition: color .15s linear;
}

.ux-app-card-notification {
    position: relative;
    max-width: 100vw;
    -webkit-margin-before: 0;
    margin-block-start: 0;
}

.ux-app-card-notification.animatable {
    opacity: 0;
    transform: scale(.95);
    transform-origin: 50% 0;
    transition: height .5s cubic-bezier(.33, 0, .2, 1) .1s, margin-top .5s cubic-bezier(.33, 0, .2, 1) .1s, transform .35s cubic-bezier(.33, 0, .1, 1), opacity .35s cubic-bezier(.33, 0, .1, 1);
}

.ux-app-card-notification.show {
    opacity: 1;
    transform: scale(1);
    transition: height .5s cubic-bezier(.33, 0, .2, 1), margin-top .5s cubic-bezier(.33, 0, .2, 1), transform .35s cubic-bezier(.33, 0, .1, 1) .1s, opacity .35s cubic-bezier(.33, 0, .1, 1) .1s;
}

.ux-app-card-notification:not(:first-child) {
    -webkit-padding-before: 12px;
    padding-block-start: 12px;
}

.ux-app-card-notification__wrapper {
    position: relative;
    background: var(--color-plugin-tips-card-background);
    border-radius: 26px;
    padding: 20px;
}

.ux-app-card-notification__wrapper[data-state="deactivate"] {
    background: var(--color-plugin-tips-card-background--dimmed);
}

.ux-app-card-notification__message {
    position: relative;
    display: flex;
    align-items: initial;
}

.ux-app-card-notification__message__text {
    position: relative;
    display: -webkit-box;
    flex: 1;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-plugin-tips-card-description);
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.ux-app-card-notification__message__close {
    position: relative;
    width: 24px;
    height: 24px;
    flex: none;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px;
}

.ux-app-card-notification__message__close > svg {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.ux-app-card-notification__buttons {
    position: relative;
    display: flex;
    margin: 15px -18px -7px 0;
    flex-direction: row-reverse;
}

.ux-app-card-notification__buttons__button {
    position: relative;
    height: 22px;
    padding: 0 18px;
    font-size: 15px;
    font-family: Roboto-Medium, ".SFNSText-Medium", Roboto, -apple-system, BlinkMacSystemFont, HelveticaNeue, LucidaGrande, sans-serif, system-ui;
    line-height: 22px;
    color: var(--color-plugin-tips-card-action-button);
}

.ux-app-card-notification__buttons__button::first-letter {
    text-transform: uppercase;
}

.ux-app-card__contents[data-contents-type="gradation-slider"] {
    padding: 6px 20px 14px;
}

.ux-app-card__contents[data-contents-type="music-player"] {
    padding: 20px 20px 16px;
}

.ux-app-music-player__track-info {
    position: relative;
    display: flex;
    overflow: hidden;
    align-items: center;
}

.ux-app-music-player__track-info__thumbnail {
    position: relative;
    flex: none;
    width: 60px;
    height: 60px;
    border-radius: 16px;
    background: linear-gradient(-27deg, #b3afff 0%, #92e3eb 100%);
    border: 1px solid var(--color-plugin-card-music-player-thumbnail-border);
}

.ux-app-music-player__track-info__thumbnail.no-track {
    background: var(--color-plugin-card-music-player-thumbnail-background);
}

.ux-app-music-player__track-info__thumbnail > img {
    position: relative;
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ux-app-music-player__track-info__thumbnail.cover-image {
    background: transparent;
    background-size: cover;
}

.ux-app-music-player__track-info__thumbnail.cover-image > img {
    display: block;
}

.ux-app-music-player__track-info__thumbnail > svg {
    position: absolute;
    width: 50%;
    height: 50%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: var(--color-plugin-card-music-player-thumbnail-icon);
}

.ux-app-music-player__track-info__thumbnail.cover-image > svg {
    display: none;
}

.ux-app-music-player__track-info__description {
    position: relative;
    flex: 1;
    -webkit-margin-start: 18px;
    margin-inline-start: 18px;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px;
    overflow: hidden;
}

.ux-app-music-player__track-info__description_title {
    position: relative;
    width: -webkit-fit-content;
    width: fit-content;
    height: 21px;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-plugin-card-music-player-track-title);
    white-space: nowrap;
}

.ux-app-music-player__track-info__description_artist {
    position: relative;
    width: -webkit-fit-content;
    width: fit-content;
    height: 17px;
    font-size: 13px;
    line-height: 15px;
    color: var(--color-plugin-card-music-player-track-description);
    white-space: nowrap;
}

.ux-app-music-player__track-info__description_artist:empty {
    display: none;
}

.ux-app-music-player__track-controller {
    margin: 12px 6px 0;
}

.ux-app-music-player__volume-controller {
    display: none;
}

[grouped] .ux-app-music-player__volume-controller:first-child {
    -webkit-margin-before: 20px;
    margin-block-start: 20px;
    display: block;
}

.ux-app-music-player__volume-controller:last-child {
    display: block;
}

[grouped] .ux-app-music-player__volume-controller:last-child {
    display: none;
}

[grouped][unfolded] .ux-app-music-player__volume-controller:last-child {
    display: block;
}

[grouped] .ux-app-music-player__volume-controller:not(:first-child)::before {
    background: var(--color-list-item-divider);
    content: "";
    display: block;
    height: 1px;
    transform: scaleY(var(--wx-divider-scale));
    margin: 11px 4px 12px;
}

.ux-app-card__contents[data-contents-type="multi-button"] {
    padding: 6px 12px;
}

.ux-app-card__contents[data-contents-type="multi-button"].no-description {
    padding: 6px 12px 14px;
}

.ux-app-card-multi-button {
    position: relative;
    display: flex;
    width: 100%;
    height: 82px;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}

.ux-app-card-multi-button.no-description {
    height: auto;
}

.ux-app-card-multi-button[data-item-count="5"]::before,
.ux-app-card-multi-button[data-item-count="6"]::before,
.ux-app-card-multi-button[data-item-count="7"]::before,
.ux-app-card-multi-button[data-item-count="8"]::before,
.ux-app-card-multi-button[data-item-count="9"]::before,
.ux-app-card-multi-button[data-item-count="5"]::after,
.ux-app-card-multi-button[data-item-count="7"]::after,
.ux-app-card-multi-button[data-item-count="9"]::after {
    content: "";
    width: 100%;
    height: 18px;
    order: 1;
}

.ux-app-card-multi-button[data-item-count="5"],
.ux-app-card-multi-button[data-item-count="6"],
.ux-app-card-multi-button[data-item-count="7"],
.ux-app-card-multi-button[data-item-count="8"] {
    height: 182px;
}

.ux-app-card-multi-button[data-item-count="9"] {
    height: 282px;
}

.ux-app-card-multi-button__item {
    position: relative;
    flex: none;
}

.ux-app-card-multi-button[data-item-count="5"] .ux-app-card-multi-button__item:nth-child(n + 4),
.ux-app-card-multi-button[data-item-count="6"] .ux-app-card-multi-button__item:nth-child(n + 4),
.ux-app-card-multi-button[data-item-count="9"] .ux-app-card-multi-button__item:nth-child(n + 4),
.ux-app-card-multi-button[data-item-count="7"] .ux-app-card-multi-button__item:nth-child(n + 5),
.ux-app-card-multi-button[data-item-count="8"] .ux-app-card-multi-button__item:nth-child(n + 5) {
    order: 1;
}

.ux-app-card-multi-button[data-item-count="9"] .ux-app-card-multi-button__item:nth-child(n + 7) {
    order: 2;
}

.ux-app-card-multi-button[data-item-count="2"] .ux-app-card-multi-button__item {
    width: 100px;
}

.ux-app-card-multi-button[data-item-count="3"] .ux-app-card-multi-button__item,
.ux-app-card-multi-button[data-item-count="5"] .ux-app-card-multi-button__item,
.ux-app-card-multi-button[data-item-count="6"] .ux-app-card-multi-button__item,
.ux-app-card-multi-button[data-item-count="9"] .ux-app-card-multi-button__item,
.ux-app-card-multi-button[data-item-count="5"]::after  {
    width: 76px;
}

.ux-app-card-multi-button[data-item-count="4"] .ux-app-card-multi-button__item,
.ux-app-card-multi-button[data-item-count="7"] .ux-app-card-multi-button__item,
.ux-app-card-multi-button[data-item-count="8"] .ux-app-card-multi-button__item,
.ux-app-card-multi-button[data-item-count="7"]::after  {
    width: 75px;
}

@media (max-width: 336px) {
    .ux-app-card-multi-button[data-item-count="4"] .ux-app-card-multi-button__item,
    .ux-app-card-multi-button[data-item-count="7"] .ux-app-card-multi-button__item,
    .ux-app-card-multi-button[data-item-count="8"] .ux-app-card-multi-button__item,
    .ux-app-card-multi-button[data-item-count="7"]::after  {
        width: 65px;
    }
}

.ux-app-card-multi-button__item__button {
    position: relative;
    width: 36px;
    height: 36px;
    margin: 0 auto;
    transition: background .2s cubic-bezier(.5, 0, .5, 1);
}

.ux-app-card-multi-button__item__button > svg,
.ux-app-card-multi-button__item__button > .animatable__contents > svg {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.ux-app-card-multi-button__item__text {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 33px;
    -webkit-margin-before: 5px;
    margin-block-start: 5px;
    color: var(--color-plugin-card-button-text);
    align-items: center;
    justify-content: center;
}

.ux-app-card-multi-button__item__text > div {
    display: -webkit-box;
    max-height: 100%;
    max-width: 100%;
    font-size: 13px;
    text-align: center;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.ux-app-card-multi-button__item[aria-checked="true"] .ux-app-card-multi-button__item__button {
    background: var(--color-plugin-card-button-background--selected);
    border: unset;
}

.ux-app-card-multi-button__item[aria-checked="true"] .ux-app-card-multi-button__item__button > svg,
.ux-app-card-multi-button__item[aria-checked="true"] .ux-app-card-multi-button__item__button > .animatable__contents > svg {
    color: var(--color-plugin-card-button-icon--selected);
}

.ux-app-card-text-button {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.ux-app-card__contents[data-contents-type="text-button"] {
    padding: 4px 15px 15px;
    min-height: 56px;
}

.ux-app-card-text-button.no-description {
    height: auto;
}

.ux-app-card-text-button[data-item-count-per-row="3"] .ux-app-card-text-button__item,
[data-group="3"].ux-app-card-text-button__item {
    width: 33.33%;
    padding: 5px;
}

.ux-app-card-text-button[data-item-count-per-row="2"] .ux-app-card-text-button__item,
[data-group="2"].ux-app-card-text-button__item {
    width: 50%;
    padding: 5px;
}

.ux-app-card-text-button[data-item-count-per-row="1"] .ux-app-card-text-button__item,
[data-group="1"].ux-app-card-text-button__item {
    width: 100%;
    padding: 5px;
}

.ux-app-card-text-button__item__button {
    position: relative;
    width: 100%;
    min-height: 36px;
    margin: 0 auto;
    border-radius: 18px;
    background: var(--color-plugin-card-button-background);
    transition: background .15s linear;
}

.ux-app-card-text-button__item[aria-checked="true"] .ux-app-card-text-button__item__button {
    background: var(--color-plugin-card-button-background--selected);
}

.ux-app-card-text-button__item__text {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 36px;
    padding: 6px 12px;
    color: var(--color-icon-default);
    align-items: center;
    justify-content: center;
}

.ux-app-card-text-button__item__text > div {
    display: -webkit-box;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-overflow: ellipsis;
    color: var(--color-plugin-card-button-icon);
    text-align: center;
    font-size: 15px;
    transition: color .15s linear;
}

.ux-app-card-text-button__item[aria-checked="true"] .ux-app-card-text-button__item__text > div {
    color: var(--color-plugin-card-button-icon--selected);
}

.ux-app-card__contents[data-contents-type="plus-minus-button"] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 16px 14px 20px;
}

.ux-app-card-plus-minus-button__value-wrapper {
    position: relative;
    display: flex;
    flex: 1;
    color: var(--color-plugin-card-description);
    font-size: 26px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    overflow: hidden;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-overflow: ellipsis;
}

.ux-app-card-plus-minus-button__value {
    width: -webkit-fit-content;
    width: fit-content;
    position: relative;
    -webkit-margin-end: 6px;
    margin-inline-end: 6px;
    font-weight: 300;
    line-height: 32px;
}

.ux-app-card-plus-minus-button__value [data-unit] {
    font-size: 15px;
    font-weight: normal;
}

.ux-app-card-plus-minus-button__icon {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    transition: all .1s cubic-bezier(.8, 0, .22, 1);
}

.ux-app-card-plus-minus-button__icon.plus {
    -webkit-margin-start: 13px;
    margin-inline-start: 13px;
    -webkit-margin-end: 2px;
    margin-inline-end: 2px;
}

.ux-app-card-plus-minus-button__icon.minus {
    -webkit-margin-start: 13px;
    margin-inline-start: 13px;
    -webkit-margin-end: 13px;
    margin-inline-end: 13px;
}

.ux-app-card-plus-minus-button__icon > svg {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
    color: var(--color-app-control--active);
}

.ux-app-card-plus-minus-button__icon[data-contents-type="heating"] > svg {
    color: #f8795f;
}

.ux-app-card-plus-minus-button__icon.press > svg {
    color: var(--color-plugin-card-button-icon--pressed);
}

.ux-app-card__contents[data-contents-type="thermostat-setpoint-combined"] {
    display: flex;
    flex: 1;
    padding: 14px 32px 16px;
    min-height: 192px;
}

.ux-app-card-thermostat-setpoint {
    position: relative;
    align-items: center;
    flex: 1;
}

.ux-app-card-thermostat-setpoint__value-unit-combined-view {
    margin: auto;
    -webkit-margin-after: 16px;
    margin-block-end: 16px;
    display: flex;
    width: -webkit-fit-content;
    width: fit-content;
    position: relative;
    text-align: center;
    flex: 1;
    color: var(--color-plugin-card-description);
    font-size: 26px;
}

.ux-app-card-thermostat-setpoint__cur-value {
    width: -webkit-fit-content;
    width: fit-content;
    position: relative;
    -webkit-margin-end: 6px;
    margin-inline-end: 6px;
    font-weight: 300;
    line-height: 31px;
}

.ux-app-card-thermostat-setpoint__unit-label {
    position: relative;
    width: -webkit-fit-content;
    width: fit-content;
    text-align: center;
    font-size: 15px;
    line-height: 36px;
}

.ux-app-card-thermostat-setpoint__title {
    margin: auto;
    -webkit-margin-before: 20px;
    margin-block-start: 20px;
    font-size: 13px;
    color: var(--color-plugin-card-label);
    text-align: center;
    position: relative;
    width: -webkit-fit-content;
    width: fit-content;
    min-height: 18px;
}

.ux-app-card-thermostat-setpoint__icon {
    margin: auto;
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--color-plugin-card-button-background);
    transition: all .1s cubic-bezier(.8, 0, .22, 1);
}

.ux-app-card-thermostat-setpoint__icon.press {
    background: var(--color-plugin-card-button-background--pressed);
}

.ux-app-card-thermostat-setpoint__icon[aria-disabled="true"] {
    background: var(--color-plugin-card-button-background--dimmed);
}

.ux-app-card-thermostat-setpoint__icon > svg {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
    color: var(--color-app-control--active);
}

.ux-app-card-thermostat-setpoint__icon[data-contents-type="heating"] > svg {
    color: #f8795f;
}

.ux-app-card-thermostat-setpoint__icon.press > svg {
    color: var(--color-plugin-card-button-icon--pressed);
}

[data-event="cooling"] .ux-app-card__contents__indicator {
    background: var(--color-plugin-card-thremostat-operating-state--cooling);
}

[data-event="fan only"] .ux-app-card__contents__indicator {
    background: var(--color-plugin-card-thremostat-operating-state--fan-only);
}

[data-event="heating"] .ux-app-card__contents__indicator {
    background: var(--color-plugin-card-thremostat-operating-state--heating);
}

[data-event="idle"] .ux-app-card__contents__indicator {
    background: var(--color-plugin-card-thremostat-operating-state--idle);
}

[data-event="pending cool"] .ux-app-card__contents__indicator {
    background: var(--color-plugin-card-thremostat-operating-state--pending-cool);
}

[data-event="pending heat"] .ux-app-card__contents__indicator {
    background: var(--color-plugin-card-thremostat-operating-state--pending-heat);
}

[data-event="vent economizer"] .ux-app-card__contents__indicator {
    background: var(--color-plugin-card-thremostat-operating-state--vent-economizer);
}

.ux-app-card__contents[data-contents-type="color-picker"] {
    padding: 13px 12px 20px;
}

.ux-app-card__contents[data-contents-type="color-picker"] > :first-child {
    width: 231px;
    height: 231px;
}

.ux-app-card-color-picker__preview {
    position: absolute;
    border: 2px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2), 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);
    height: 50px;
    top: 10px;
    right: 10px;
    opacity: 0;
    width: 50px;
    transition: opacity .2s ease-out;
}

.ux-app-card-color-picker__preview.focusing {
    opacity: 1;
    transition: opacity .2s ease-in;
}

.ux-app-card-switch__switch {
    position: relative;
    width: -webkit-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.ux-app-card-switch__switch__pending {
    position: absolute;
    width: 34px;
    height: 34px;
    top: 0;
    bottom: 0;
    left: -34px;
    margin: auto 0;
}

.ux-app-card-switch-oneui20__switch {
    position: relative;
    width: -webkit-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.ux-app-card-switch-oneui20__switch__pending {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    bottom: 0;
    left: 14.5px;
    margin: auto 0;
}

.ux-app-card.active .checkable {
    background: var(--color-plugin-card-button-background--selected);
}

.ux-app-card.active .checkable > svg,
.ux-app-card.active .checkable > .animatable__contents > svg {
    color: var(--color-plugin-card-button-icon--selected);
}

.ux-app-card__contents__label[data-contents-type="slider"] {
    position: relative;
    font-size: 26px;
    font-weight: 300;
}

.ux-app-card__contents[data-contents-type="slider"] {
    padding: 6px 20px 14px;
}

.ux-app-card__contents[data-contents-type="slider"][data-contents="slider+icon"] {
    display: flex;
    align-items: flex-end;
}

.ux-app-card-slider__slider {
    position: relative;
    width: 58%;
    border-radius: 3px;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
}

.ux-app-card__contents[data-contents-type="gauge"] {
    padding: 6px 20px 14px;
    min-height: 56px;
}

.ux-app-card__contents[data-contents-type="audio-volume"] {
    display: flex;
    align-items: center;
    padding: 6px 20px 14px;
}

.ux-app-card__contents[data-contents-type="air-conditioner"] {
    position: relative;
}

.ux-app-card-air-conditioner__dropdown {
    position: relative;
    -webkit-margin-before: 16px;
    margin-block-start: 16px;
}

.ux-app-card-air-conditioner__set-point {
    position: relative;
    -webkit-margin-before: 35px;
    margin-block-start: 35px;
}

.ux-app-card-air-conditioner__informations {
    position: relative;
    margin: 48px 12px 12px;
    overflow: hidden;
}

.ux-app-card-air-conditioner__informations__header {
    position: relative;
    display: flex;
    flex: 1;
    overflow: hidden;
}

.ux-app-card-air-conditioner__informations__content {
    position: relative;
    display: flex;
    flex: 1;
    -webkit-margin-before: 4px;
    margin-block-start: 4px;
    overflow: hidden;
}

.ux-app-card-air-conditioner__informations__header__text {
    position: relative;
    flex: 1;
    font-size: 14px;
    color: rgba(37, 37, 37, .8);
    text-align: center;
}

.ux-app-card-air-conditioner__informations__content__text {
    position: relative;
    flex: 1;
    font-size: 18px;
    font-weight: bold;
    color: rgba(37, 37, 37, 1);
    text-align: center;
}

.ux-app-card-air-conditioner__informations__content__text > span {
    position: relative;
    font-size: 14px;
    -webkit-margin-start: 3px;
    margin-inline-start: 3px;
    -webkit-margin-before: 2px;
    margin-block-start: 2px;
}

.ux-app-card-power-switch {
    position: relative;
    display: flex;
    justify-content: flex-end;
    -webkit-margin-end: 24px;
    margin-inline-end: 24px;
}

.ux-app-card-power-switch__wrapper {
    position: relative;
    height: 43px;
    width: 43px;
    -webkit-margin-before: 4px;
    margin-block-start: 4px;
    -webkit-margin-after: 4px;
    margin-block-end: 4px;
}

.ux-app-card__contents[data-contents-type="oven-setpoint"] {
    padding: 10px 20px 24px;
}

.ux-app-card__contents[data-contents-type="oven-no-setpoint"] {
    padding: 10px 20px 24px;
}

.ux-app-card-oven__state_wrapper {
    position: relative;
}

.ux-app-card-oven__state_text {
    position: relative;
    -webkit-margin-before: 10px;
    margin-block-start: 10px;
    width: 100%;
    height: 1.2em;
    font-size: 26px;
    text-align: center;
    color: var(--color-plugin-card-operational-state-operation-text);
}

.ux-app-card__contents[data-contents-type="oven-no-setpoint"] .ux-app-card-oven__state_text {
    width: unset;
}

.ux-app-card-oven__state_text::first-letter {
    text-transform: uppercase;
}

.ux-app-card-oven__time_text_top {
    position: relative;
    height: 18px;
    font-size: 13px;
    color: var(--color-plugin-card-operational-state-finish-time-label);
}

.ux-app-card-oven__time_text_down {
    position: relative;
    height: 36px;
    font-size: 26px;
    color: var(--color-plugin-card-operational-state-finish-time-text);
}

.ux-app-card__contents[data-contents-type="oven-no-setpoint"] .ux-app-card-oven__time_text_down {
    text-align: end;
}

.ux-app-card-oven__cancel_button {
    position: relative;
    -webkit-margin-before: 24px;
    margin-block-start: 24px;
    height: 36px;
    width: 100%;
}

.ux-app-card-oven__setpoint_wrapper {
    position: relative;
    -webkit-margin-before: 20px;
    margin-block-start: 20px;
    display: flex;
    align-items: center;
    height: 108px;
}

.ux-app-card__contents[data-contents-type="oven-no-setpoint"] .ux-app-card-oven__setpoint_wrapper {
    justify-content: space-between;
    height: unset;
    -webkit-margin-before: 0;
    margin-block-start: 0;
}

.ux-app-card-oven__setpoint_icon {
    position: relative;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--color-plugin-card-oven-setpoint-icon-background);
    box-shadow: 0 8px 34.2px 3.8px rgba(0, 0, 0, .08);
    transition: all .1s cubic-bezier(.8, 0, .22, 1);
}

.ux-app-card-oven__setpoint_icon.pressed {
    background: var(--color-app-primary);
    transform: scale(.9, .9);
}

.ux-app-card-oven__setpoint_icon[aria-disabled="true"] {
    background: var(--color-icon-dimmed);
}

.ux-app-card-oven__setpoint_icon > svg {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: var(--color-app-primary);
    opacity: 1;
}

.ux-app-card-oven__setpoint_icon.pressed > svg {
    fill: var(--color-plugin-card-oven-setpoint-icon-background);
    opacity: 1;
}

.ux-app-card-oven__setpoint_text {
    position: relative;
    margin: 0 auto;
    background: var(--color-plugin-card-oven-setpoint-icon-background);
    border-radius: 50%;
    line-height: 108px;
    width: 108px;
    top: 2px;
    height: 108px;
    text-align: center;
    font-size: 26px;
    color: var(--color-plugin-card-operational-state-finish-time-label);
}

.ux-app-card-oven__setpoint_text > span {
    position: absolute;
    text-align: start;
    font-size: 17px;
    color: var(--color-plugin-card-operational-state-finish-time-label);
    top: 2px;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px;
}

.ux-app-card-oven__setpoint__description {
    position: relative;
    display: -webkit-box;
    -webkit-margin-before: 11px;
    margin-block-start: 11px;
    width: 100%;
    font-size: 20px;
    text-align: center;
    color: var(--color-plugin-card-operational-state-finish-time-label);
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow: hidden;
    word-wrap: break-word;
}

.ux-app-card__contents[data-contents-type="multi-mode-operation"] {
    padding: 10px 20px 24px;
    min-height: 310px;
}

.ux-app-card-multi-mode-operation__state_wrapper {
    position: relative;
}

.ux-app-card-multi-mode-operation__state--running--top {
    visibility: hidden;
}

.ux-app-card-multi-mode-operation__state--running--bottom {
    display: none;
}

.ux-app-card__contents[data-contents-type="multi-mode-operation"][data-state="run"] .ux-app-card-multi-mode-operation__state--running--top,
.ux-app-card__contents[data-contents-type="multi-mode-operation"][data-state="pause"] .ux-app-card-multi-mode-operation__state--running--top {
    display: block;
    visibility: visible;
}

.ux-app-card__contents[data-contents-type="multi-mode-operation"][data-state="run"] .ux-app-card-multi-mode-operation__state--running--bottom,
.ux-app-card__contents[data-contents-type="multi-mode-operation"][data-state="pause"] .ux-app-card-multi-mode-operation__state--running--bottom {
    display: block;
}

.ux-app-card-multi-mode-operation__state_text {
    position: relative;
    -webkit-margin-before: 10px;
    margin-block-start: 10px;
    width: 100%;
    height: 32px;
    font-size: 26px;
    text-align: center;
    color: var(--color-plugin-card-operational-state-operation-text);
    font-weight: 300;
}

.ux-app-card-multi-mode-operation__state_text::first-letter {
    text-transform: uppercase;
}

.ux-app-card-multi-mode-operation__time_text_top {
    position: relative;
    height: 1.2em;
    font-size: 13px;
    color: var(--color-plugin-card-operational-state-finish-time-label);
}

.ux-app-card-multi-mode-operation__circle-button {
    position: relative;
    -webkit-margin-before: 20px;
    margin-block-start: 20px;
}

.ux-app-card-multi-mode-operation__time_text_down {
    position: relative;
    height: 1.2em;
    font-size: 26px;
    color: var(--color-plugin-card-operational-state-finish-time-text);
    font-weight: 300;
}

.ux-app-card-multi-mode-operation__cancel_button {
    position: relative;
    -webkit-margin-before: 24px;
    margin-block-start: 24px;
    height: 36px;
    width: 100%;
}

.ux-app-card-multi-mode-operation__state__stopped {
    display: none;
}

.ux-app-card__contents[data-contents-type="multi-mode-operation"][data-state="stop"] .ux-app-card-multi-mode-operation__state__stopped {
    display: flex;
    height: 102px;
    align-items: flex-end;
}

.ux-app-card-multi-mode-operation__state__description {
    position: relative;
    display: -webkit-box;
    width: 100%;
    font-size: 26px;
    text-align: center;
    color: var(--color-plugin-card-operational-state-operation-text);
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ux-app-card__contents[data-contents-type="robot-cleaner"] {
    padding: 11px 20px 24px;
    min-height: 254px;
}

.ux-app-card-robot-cleaner__movement_wrapper {
    position: relative;
}

.ux-app-card-robot-cleaner__state_text {
    position: relative;
    -webkit-margin-before: 15px;
    margin-block-start: 15px;
    width: 100%;
    height: 36px;
    font-size: 26px;
    font-weight: lighter;
    text-align: center;
    color: var(--color-plugin-card-operational-state-operation-text);
}

.ux-app-card-robot-cleaner__state_text::first-letter {
    text-transform: uppercase;
}

.ux-app-card-robot-cleaner__charge_icon {
    position: relative;
    -webkit-margin-before: 24px;
    margin-block-start: 24px;
    height: 36px;
    width: 100%;
}

.ux-app-card__contents[data-contents-type="list"] {
    overflow: hidden;
    padding: 0;
}

.ux-app-card-list__no-item {
    position: relative;
    display: none;
    height: 64px;
    text-align: center;
    line-height: 64px;
    font-size: 15px;
    color: var(--color-plugin-card-label);
}

[data-item-count="0"] > .ux-app-card-list__no-item {
    display: block;
}

.ux-app-card__contents[data-contents-type="tv__channel"] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px 12px 13px;
}

.ux-app-card-tv__channel_icon {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--color-plugin-card-button-background);
    box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, .08);
    transition: all .1s cubic-bezier(.8, 0, .22, 1);
    margin: 0 15px;
}

.ux-app-card-tv__channel_icon > svg {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: var(--color-app-primary);
    stroke: var(--color-app-primary);
    opacity: 1;
}

.ux-app-card-tv__channel_icon.down {
    margin: 13px auto;
}

.ux-app-card-tv__channel_icon.pressed {
    background: var(--color-app-primary);
    transform: scale(.9);
}

.ux-app-card-tv__channel_icon[aria-disabled="true"] {
    background: var(--color-icon-dimmed);
}

.ux-app-card-tv__channel_icon.pressed > svg {
    fill: #ffffff;
    stroke: #ffffff;
}

.ux-app-card__certified {
    position: relative;
    display: flex;
    padding: 12px 0;
    justify-content: center;
}

.ux-app-card-zigbee__icon {
    position: relative;
}

.ux-app-card-zigbee__icon > svg {
    width: 100px;
    height: 40px;
}

[data-color-scheme="dark"] .ux-app-card-zigbee__icon > svg * {
    fill: var(--color-app-white);
}

.ux-app-card-zwave__icon {
    position: relative;
}

.ux-app-card-zwave__icon > svg {
    position: relative;
    width: 50px;
    height: 40px;
}

[data-color-scheme="dark"] .ux-app-card-zwave__icon > svg * {
    fill: var(--color-app-white);
}

.ux-app-card-zwave__icon:not(:first-child) {
    -webkit-margin-start: 50px;
    margin-inline-start: 50px;
}

.ux-app-card__contents[data-contents-type="timed-session"] {
    display: flex;
    padding: 13px 12px 20px;
    min-height: 56px;
}

.ux-app-card-timed-session__time_text {
    position: relative;
    width: 50%;
    height: 100%;
    font-size: 36px;
    text-align: start;
    color: var(--color-plugin-card-description);
}

.ux-app-card-timed-session__wrapper {
    position: relative;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    display: flex;
}

.ux-app-card-timed-session__button_icon {
    position: relative;
    width: 44px;
    height: 44px;
    -webkit-margin-start: 40px;
    margin-inline-start: 40px;
}

.ux-app-card-timed-session__button_icon > svg,
.ux-app-card-timed-session__button_icon > .animatable__contents > svg {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: var(--color-plugin-card-button-icon);
    opacity: 1;
}

.ux-app-card-energy-saving-mode__icon {
    position: relative;
    width: 100%;
    height: 156px;
}

.ux-app-card-energy-saving-mode__icon > svg {
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto;
}

.ux-app-card-energy-saving-mode__text_wrapper {
    position: relative;
    margin: 0 0 15px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    text-align: start;
    color: #636363;
}

.ux-app-card-energy-saving-mode__less_saving_text {
    position: absolute;
    left: 25px;
    width: 30%;
    height: 20px;
}

.ux-app-card-energy-saving-mode__more_saving_text {
    position: absolute;
    left: 230px;
    width: 30%;
    height: 20px;
}

.ux-app-card-energy-saving-mode__value_wrapper {
    position: absolute;
    top: 95px;
    left: 95px;
    width: 45%;
    height: 60px;
    font-size: 20px;
    text-align: center;
    color: #636363;
}

.ux-app-card-energy-saving-mode__value_text {
    position: relative;
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.ux-app-card-energy-saving-mode__value_text[data-level="1"] {
    color: #ebb40d;
}

.ux-app-card-energy-saving-mode__value_text[data-level="2"] {
    color: #7ac856;
}

.ux-app-card-energy-saving-mode__value_text[data-level="3"] {
    color: #3790d8;
}

.ux-app-card-energy-saving-mode__stop_button {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    border-radius: 3px;
    background: var(--color-icon-default);
}

.ux-app-card-energy-saving-mode__stop_button.press {
    background: var(--color-control-active);
}

.ux-app-card__contents[data-contents-type="scent"] {
    padding: 0 20px 14px;
}

.ux-app-card-scent__title {
    position: relative;
    display: block;
    padding: 0 20px;
    -webkit-margin-after: 23px;
    margin-block-end: 23px;
    font-size: 22px;
    height: 36px;
    line-height: 36px;
    font-weight: 300;
    color: var(--color-plugin-card-content-title);
}

.ux-app-card.active .ux-app-card__contents__icon.image-button > svg.default,
.ux-app-card .ux-app-card__contents__icon.image-button > svg.press {
    display: none;
}

.ux-app-card.active .ux-app-card__contents__icon.image-button > svg.press,
.ux-app-card .ux-app-card__contents__icon.image-button > svg.default {
    display: block;
}

.ux-app-card__contents[data-contents-type="activity-history"] {
    overflow: hidden;
    padding: 0;
    height: inherit;
    min-height: 217px;
}

.ux-app-page__container__scrollable[data-contents-type="activity-history"] {
    padding: 12px;
}

.ux-app-card__contents[data-contents-type="activity-history"] .ux-app-card__contents {
    min-height: 217px;
}

.ux-app-card__contents[data-contents-type="activity-history"][data-item-count="0"] .ux-app-card__contents {
    display: none;
}

.ux-app-card__contents[data-contents-type="activity-history"] .ux-app-card-list__no-item {
    height: 217px;
    line-height: 217px;
}

.ux-app-card__graph {
    position: relative;
    display: block;
    flex: none;
    -webkit-padding-before: 20px;
    padding-block-start: 20px;
    width: 100%;
}

.ux-app-card-graph__canvas__wrapper {
    position: relative;
    display: flex;
    height: 190px;
    width: 100%;
    border: none;
    direction: ltr;
}

.ux-app-card-graph__canvas__y-axis__wrapper {
    position: relative;
    height: 190px;
    border: none;
    overflow: hidden;
    flex: none;
}

.ux-app-card-graph__canvas__graph__wrapper {
    position: relative;
    height: 190px;
    border: none;
    overflow-x: scroll;
    overflow-y: hidden;
    flex: 1;
}

.ux-app-card-graph__canvas__graph__crop__wrapper {
    position: relative;
    overflow: hidden;
    height: inherit;
}

.ux-app-card-graph__canvas__graph__crop__wrapper > canvas {
    position: absolute;
    height: inherit;
    right: 0;
}

.ux-app-card-graph__canvas__graph__wrapper::-webkit-scrollbar {
    height: 0 !important;
}

.ux-app-card-graph__tab__container__wrapper {
    position: relative;
    align-items: center;
}

.ux-app-card-graph__tab__container {
    position: relative;
    display: flex;
    flex: none;
    -webkit-margin-after: 12px;
    margin-block-end: 12px;
    align-items: center;
    text-align: center;
    justify-content: space-around;
    height: 30px;
}

.ux-app-card-graph__tab__wrapper {
    position: relative;
    border-radius: 18px;
    height: 30px;
    text-align: center;
    font-size: 15px;
    color: var(--color-sub-tab-item);
    border: 1px solid var(--color-sub-tab-item-border);
    line-height: 30px;
    flex: 1;
    padding: 0 12px;
}

.ux-app-card-graph__tab__wrapper.clicked {
    font-weight: 500;
    color: var(--color-sub-tab-item--selected);
    background: var(--color-sub-tab-item-background--selected);
}

.ux-app-card__contents[data-contents-type="media-group"] {
    padding: 0 20px 14px;
    min-height: 126px;
}

.ux-app-card-media-group__description {
    position: relative;
    display: block;
    height: 36px;
    line-height: 36px;
    color: var(--color-plugin-card-content-title);
    font-size: 22px;
    font-family: "Roboto Light", ".SFNSText-Bold", Roboto, -apple-system, BlinkMacSystemFont, HelveticaNeue, LucidaGrande, sans-serif, system-ui;
}

.ux-app-card-media-group__volume-title {
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    color: var(--color-plugin-card-music-player-volume-label);
    margin: 20px 0 3px;
}

.ux-app-card-media-group__volume-wrapper {
    display: flex;
    align-items: flex-end;
}

[data-os="iOS"] .ux-app-card-dialog-body {
    padding: 0 16px 22px;
}

.ux-app-card-dialog-body__text-wrapper {
    position: relative;
}

.ux-app-card-dialog-body__text-wrapper:not(:last-child) {
    -webkit-padding-after: 8px;
    padding-block-end: 8px;
}

.ux-app-card-dialog-body__title {
    position: relative;
    font-size: 16px;
    line-height: 23px;
    color: var(--color-dialog-body-text);
}

.ux-app-card-dialog-body__description {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: #a6a6a6;
}

[data-os="iOS"] .ux-app-card-dialog-body__title,
[data-os="iOS"] .ux-app-card-dialog-body__description {
    font-size: 13px;
    color: var(--color-black);
    line-height: 16px;
    text-align: center;
}

.ux-app-card-connected-devices_list_container {
    position: relative;
    width: 100%;
    height: -webkit-fit-content;
    height: fit-content;
}

.ux-app-card-connected-devices_list_title {
    position: relative;
    width: 100%;
    height: -webkit-fit-content;
    height: fit-content;
    top: 0;
    bottom: 0;
    margin: 14px;
    line-height: 14px;
    font-size: 14px;
    color: var(--color-plugin-card-description);
}

.ux-app-card-connected-devices_list_item_text {
    font-size: 18px !important;
    color: var(--color-plugin-card-description) !important;
    text-align: start !important;
}

.ux-app-card-connected-devices_list_item {
    height: 56px !important;
}

.ux-app-card-connected-devices_list_title_divider {
    position: relative;
    margin: 0 12px;
    height: 1px;
    transform: scaleY(var(--wx-divider-scale));
    background: var(--color-list-item-inner-divider);
}

.ux-app-card-connected-devices_no-device {
    position: relative;
    display: block;
    height: 64px;
    text-align: center;
    line-height: 64px;
    font-size: 15px;
    color: var(--color-plugin-card-label);
}

.ux-app-card-connected-devices_description_wrapper {
    position: absolute;
    display: flex;
    flex-direction: column;
    flex: 1;
    bottom: 0;
}

.ux-app-card-connected-devices_description_main {
    position: relative;
    flex: 1;
    color: var(--color-list-item-text);
    font-size: 18px;
    line-height: 24px;
}

.ux-app-card-connected-devices_description_sub {
    position: relative;
    flex: 1;
    color: var(--color-list-item-text--explanation);
    font-size: 14px;
    line-height: 19px;
}

[data-os="iOS"] .ux-app-card-dialog-input__wrapper {
    padding: 0 16px 12px;
}

.ux-app-card-dialog-input__password-wrapper {
    display: flex;
    align-items: center;
    -webkit-margin-before: 8px;
    margin-block-start: 8px;
    font-size: 16px;
}

.ux-app-card-dialog-input__password-message {
    -webkit-margin-start: 12px;
    margin-inline-start: 12px;
}

.ux-app-card-dialog-input__range {
    -webkit-margin-before: 9px;
    margin-block-start: 9px;
    text-align: start;
    color: var(--color-dialog-body-text);
    font-size: 12px;
}

[data-os="iOS"] .ux-app-card-dialog-input__range {
    -webkit-margin-before: 4px;
    margin-block-start: 4px;
    text-align: center;
    color: #787878;
    font-size: 13px;
}

.ux-app-card__contents__indicator {
    position: relative;
    flex: none;
    width: 12px;
    height: 30px;
    border-radius: 10px;
    -webkit-margin-start: 6px;
    margin-inline-start: 6px;
    background: var(--color-plugin-card-indicator--normal);
    transition: background .15s linear;
}

.ux-app-card__contents[data-contents-type="simple-indicator"] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 24px 14px 20px;
    min-height: 56px;
    flex-wrap: wrap;
}

[data-event="attention"] .ux-app-card__contents__indicator {
    background: var(--color-plugin-card-indicator--attention);
}

[data-event="action-needed"] .ux-app-card__contents__indicator {
    background: var(--color-plugin-card-indicator--action-needed);
}

.ux-app-card__contents[data-contents-type="dust-level"] {
    padding: 6px 20px 14px;
}

.ux-app-card__contents[data-contents-type="dust-level"][data-item-count="1"] {
    min-height: 74px;
}

.ux-app-card__contents[data-contents-type="dust-level"][data-item-count="2"] {
    min-height: 138px;
}

.ux-app-card__contents[data-contents-type="dust-level"][data-item-count="3"] {
    min-height: 202px;
}

.ux-app-card__contents[data-contents-type="dust-level"] .ux-app-ldic:not(:first-child) {
    -webkit-margin-before: 10px;
    margin-block-start: 10px;
}

.ux-app-ldic {
    position: relative;
    display: grid;
    flex: 1;
    grid-template-areas: "label label"
        "description icon";
    grid-template-columns: 1fr min-content;
    grid-template-rows: min-content 1fr;
    align-items: center;
    min-width: 10%;
}

.ux-app-ldic[data-layout*="l-icon"] {
    grid-template-areas: "label label"
        "icon description";
    grid-template-columns: min-content 1fr;
}

.ux-app-ldic[data-layout*="content"] {
    grid-template-areas: "label label content"
        "description icon content";
    grid-template-columns: 1fr min-content 55%;
}

.ux-app-ldic[data-layout*="l-icon"][data-layout*="content"] {
    grid-template-areas: "label label content"
        "icon description content";
    grid-template-columns: min-content 1fr 55%;
}

.ux-app-ldic__label {
    grid-area: label;
    position: relative;
    height: 18px;
    line-height: 18px;
    font-size: 13px;
    color: var(--color-plugin-card-label);
}

.ux-app-ldic__description:not(.animatable) {
    position: relative;
    display: -webkit-box;
    color: var(--color-plugin-card-description);
    font-size: 26px;
    font-weight: 300;
    line-height: 28px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    overflow: hidden;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-overflow: ellipsis;
    height: -webkit-fit-content;
    height: fit-content;
    min-height: 36px;
}

.ux-app-ldic__description.animatable {
    grid-area: description;
    position: relative;
    display: grid;
    min-height: 36px;
}

.ux-app-ldic__description.animatable > .animatable__contents {
    position: relative;
    display: -webkit-box;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    color: var(--color-plugin-card-description);
    font-size: 26px;
    font-weight: 300;
    line-height: 28px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    overflow: hidden;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-overflow: ellipsis;
    height: -webkit-fit-content;
    height: fit-content;
    min-height: 36px;
}

.multiline .ux-app-ldic__description.animatable > .animatable__contents {
    font-size: 14px;
    line-height: 21px;
    -webkit-line-clamp: 3;
    color: var(--color-plugin-card-multiline-description);
    font-weight: unset;
}

.ux-app-ldic__description [data-unit] {
    font-size: 15px;
    font-weight: normal;
}

.ux-app-ldic__icon {
    grid-area: icon;
    position: relative;
    width: 30px;
    height: 30px;
    -webkit-margin-start: 16px;
    margin-inline-start: 16px;
    -webkit-margin-end: 12px;
    margin-inline-end: 12px;
}

.ux-app-ldic__content {
    grid-area: content;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-margin-start: 6px;
    margin-inline-start: 6px;
}

.ux-app-ldic__content > * {
    flex: 1;
}

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

.ux-app-activity-history {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.ux-app-activity-history .wx-list-view-section-header {
    padding: 12px 24px 5px;
}

.ux-app-activity-view__wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

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

[data-item-count="0"] .wx-list-view.card {
    min-height: -webkit-min-content;
    min-height: min-content;
    -webkit-margin-after: 10px;
    margin-block-end: 10px;
}

[data-item-count="0"] .ux-app-activity-view__no-item {
    flex: 1;
    display: flex;
    align-items: center;
}

.ux-app-activity-view__no-item img,
.ux-app-activity-view__no-item-description {
    display: none;
}

[data-item-count="0"] .ux-app-activity-view__no-item-description {
    display: block;
    font-size: 16px;
    color: #505050;
    letter-spacing: 0;
    text-align: center;
    line-height: 23px;
    margin: 20px auto 0;
}

[data-item-count="0"] .ux-app-activity-view__no-item img {
    display: block;
    width: 78%;
    height: auto;
    margin: 0 auto;
}
/* Capability Card Start */

.capability-card.standard-ux-card {
    background-color: var(--color-plugin-card-background);
}

.capability-card .standard-ux-card__plugin-card-wrapper {
    padding: 17px 20px 0;
    margin: 0 0 6px;
}

.capability-card .standard-ux-card__title {
    margin-block-start: 0;
    margin-block-end: 9px;
    line-height: 18px;
}

.capability-card .standard-ux-card__right-icon {
    margin: 0;
}

.capability-card .standard-ux-card__content {
    display: flex;
    flex-direction: row;
    padding: 0 20px;
    width: 100%;
    margin-block-end: 14px;
    color: var(--color-app-title);
}

.capability-card .standard-ux-card__value {
    height: 36px;
    flex: auto;
    font-size: 26px;
    line-height: 36px;
}

.capability-card .standard-ux-card__unit {
    font-size: 15px;
    line-height: 35px;
    margin-inline-start: 7px;
}

.capability-card .standard-ux-card__right_item[data-right-item-type="status"] {
    width: 36px;
    height: 36px;
    margin-inline-start: 12px;
    transform: translateX(2px);
}

.capability-card .standard-ux-card__right_item[data-right-item-type="sensor"] {
    width: 12px;
    height: 30px;
    background: #d6d6d6;
    border-radius: 10px;
    margin-inline-start: 22px;
    margin-inline-end: 2px;
}

.capability-card .standard-ux-card__right_item[data-right-item-type="slider"] {
    display: flex;
    width: calc(50% + 20px);
    height: 36px;
    flex-direction: column;
    justify-content: center;
}

.capability-card .standard-ux-card__button__grid__title {
    color: var(--color-plugin-card-title);
    font-size: 26px;
    line-height: 23px;
    margin-block: 8px 6px;
    text-align: center;
}

.capability-card .standard-ux-card__button__grid__content {
    padding-block-end: 16px;
    display: flex;
}

.capability-card .standard-ux-card__button__grid__icon__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.capability-card .standard-ux-card__button__grid__icon {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    color: var(--color-plugin-card-title);
    background-color: var(--color-pull-down-refresh-background);
    border-radius: 50%;
}

.capability-card .standard-ux-card__button__grid__icon > svg {
    width: 24px;
    height: 24px;
}

.capability-card .standard-ux-card__button__grid__icon__text {
    display: flex;
    height: 36px;
    width: 76px;
    font-size: 12px;
    color: var(--color-button-control-item-text--with-icon);
    line-height: 14px;
    justify-content: center;
    align-items: center;
}

.capability-card [data-items-count="4"] .standard-ux-card__button__grid__icon__text {
    min-width: 65px;
    max-width: 75px;
}

/* Capability Card End */

/* History List Component Start */

.history.standard-ux-component__list__items {
    display: flex;
    align-items: center;
}

.history .standard-ux-component__list__item {
    flex: 1;
}

.history .standard-ux-component__list__item__right__text__wrapper {
    position: relative;
    display: block;
    margin: auto 0 auto 8px;
    text-align: end;
    align-self: flex-end;
}

.history .standard-ux-component__list__item__right__text {
    font-size: 13px;
    line-height: 18px;
    color: var(--color-component-list-item-sub-title);
}

/* History List Component End */

/* Summary Item Component Start */

.favorite-summary-grid {
    margin-block-end: 14px;
}

.device-summary-grid {
    margin-inline: 12px;
    margin-block-end: 28px;
}

.favorite-summary-item {
    padding: 10px;
    background: #e4e4e7;
    border-radius: 18px;
}

html[data-color-scheme="dark"] .favorite-summary-item {
    background: #17171a;
}

.standard-ux-component__summary__item__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    --sx-component-summary-item-width: 100px;
    --sx-component-summary-item-left-margin: 10px;
    --sx-component-summary-item-start-end-margin: 14px;
    --sx-component-summary-item-number-of-items: 5;
    --sx-component-summary-item-number-of-items-of-calc: var(--sx-component-summary-item-number-of-items);
    --sx-component-summary-item-margin-number-of-items: calc(var(--sx-component-summary-item-left-margin) * var(--sx-component-summary-item-number-of-items));
    visibility: hidden;
}

.standard-ux-component__summary__item__wrapper.flex {
    display: flex;
}

@media screen and (min-width: 656px) and (max-width: 1200px) {
    .standard-ux-component__summary__item__wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (min-width: 1200px) and (max-width: 1920px) {
    .standard-ux-component__summary__item__wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (min-width: 1920px) {
    .standard-ux-component__summary__item__wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
}

.standard-ux-component__summary__item__wrapper.scrollable {
    justify-content: flex-start;
    /* width: fit-content; */
    --sx-component-summary-item-number-of-items-of-calc: calc(var(--sx-component-summary-item-number-of-items) - .5);
}

.standard-ux-component__summary__item {
    position: relative;
    display: grid;
    grid-template-columns: max-content 1fr;
    /* width: var(--sx-component-summary-item-width); */
    height: 56px;
    min-width: 100px;
    align-items: center;
    /* margin-inline-start: 8px; */
    padding: 8px 14px 8px 8px;
    background-color: rgba(252, 252, 255, .7);
    color: #010102;
    border-radius: 12px;
}

.standard-ux-component__summary__item.dim {
    background-color: var(--color-card-off-background);
}

html[data-color-scheme="dark"] .standard-ux-component__summary__item {
    background-color: rgba(45, 45, 48, .7);
    color: #fafaff;
}

.standard-ux-component__summary__item__wrapper.scrollable .standard-ux-component__summary__item {
    /* width: calc((100% - var(--sx-component-summary-item-margin-number-of-items)) / var(--sx-component-summary-item-number-of-items-of-calc)); */
    flex: none;
}

.standard-ux-component__summary__item .ripple.pong {
    border-radius: 12px;
}

.standard-ux-component__summary__item:first-child {
    margin-inline-start: 0;
}

.standard-ux-component__summary__item:last-child {
    padding-inline-end: 14px;
}

.standard-ux-component__summary__item__icon {
    position: relative;
    flex: none;
    width: 40px;
    height: 40px;
    margin-inline-end: 8px;
}

.standard-ux-component__summary__item__icon > img {
    width: 100%;
    height: 100%;
}

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

.standard-ux-component__summary__item__text__wrapper {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
}

.standard-ux-component__summary__item__title {
    opacity: 0.65;
    position: relative;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
    text-align: start;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-block: auto;
    word-break: break-word;
    max-height: 28px;
    white-space: nowrap;
    width: 100%;
    margin: 0;
}

.standard-ux-component__summary__item__text {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    text-align: start;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-block: auto;
    word-break: break-word;
    max-height: 28px;
    white-space: nowrap;
    width: 100%;
    margin: 0;
}

/* Summary Item Component End */

/* Summary Tips Start */

.summary-tips.wx-smart-tips .contents_wrapper {
    width: 132px;
    height: 73px;
}

.summary-tips.wx-smart-tips .contents {
    padding: 17px 10px 18px;
    width: 100%;
    height: 100%;
}

.summary-tips .settings {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.summary-tips .settings > svg {
    width: 24px;
    height: 24px;
}

.summary-tips .settings__text {
    font-size: 10px;
    letter-spacing: 0;
    text-align: center;
    line-height: 11px;
}

.summary-tips .ripple.pong {
    border-radius: 11px;
}

/* Summary Tips End */

/* Location Access Card Start */

.location-access .standard-ux-component[data-first-child="true"][data-component-type="custom"] {
    margin-block: 0;
}

.location-access .scan__QR__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 24px 20px;
}

.location-access .scan_QR__header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 224px;
    height: 224px;
    border: 1px solid #d0d0d0;
    border-radius: 32px;
    background-color: #fafaff;
}

.scan__QR__container > *:first-child {
    margin-block-end: 16px;
}

.location-access .scan__QR__button {
    margin-block-end: 20px;
}

.location-access .scan__QR__button .standard-ux-component__buttons.clickable {
    height: 36px;
    min-width: fit-content;
    opacity: .3;
}

.location-access .scan__QR__desc {
    font-size: 14px;
    color: var(--color-location-access-card-description);
    letter-spacing: 0;
    text-align: center;
    line-height: 17px;
}

.location-access .scan__QR__home-logo {
    position: absolute;
    width: 55px;
    height: 55px;
    border: solid 3px #fcfcfc;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.location-access .standard-ux-component[data-component-type="subtext_list"],
.location-access .standard-ux-component[data-component-type="switch_list"] {
    opacity: .3;
}

/* Location Access Card End */

/* Location Devices Card Start */

.location-devices .standard-ux-card__plugin-card-wrapper {
    margin-block-start: 16px;
    margin-block-end: 6px;
}

.location-devices .standard-ux-card__title {
    font-size: 17px;
    font-weight: 600;
    color: var(--color-description-text);
}

.location-devices .standard-ux-component[data-component-type="description"] {
    margin-block: 0;
}

.location-devices .standard-ux-component__description__subtitle {
    font-size: 13px;
    color: var(--color-component-list-item-text-description);
}

.location-devices .standard-ux-component__list__item.subtext.clickable {
    pointer-events: none;
}

/* Location Devices Card End */

/* Summary Setting Page Start */

.summary-setting.plugin-page__action-bar__more.clickable,
.summary-setting .standard-ux-component__list__items {
    opacity: .3;
}

.summary-setting.help-container {
    display: flex;
    flex-direction: column;
    margin-block-start: 20px;
}

.summary-setting .standard-ux-card__wrapper:nth-child(1) {
    height: 228px;
}

.summary-setting .help-image {
    height: 100%;
    padding: 20px;
}

.summary-setting .help-image > img {
    width: 100%;
    height: 100%;
    max-width: 320px;
    margin-inline: auto;
}

@media screen and (min-width: 480px) and (max-width: 588px) and (min-aspect-ratio: 1/1) { /* Winner portrait & width > height */
    .summary-setting.help-container {
        flex-direction: row;
    }

    .summary-setting .standard-ux-card__wrapper:nth-child(1) {
        width: 50.5%;
    }

    .summary-setting .standard-ux-card__wrapper:nth-child(2) {
        width: 49.5%;
    }
}
@media screen and (min-width: 480px) and (max-width: 588px) and (max-aspect-ratio: 1/1) { /* Winner portrait & width <= height */
    .summary-setting.help-container {
        flex-direction: column;
    }
}
@media screen and (min-width: 589px) and (max-width: 959px) and (min-aspect-ratio: 1/1) { /* (Winner landscape, TOP portrait and landscape, Tablet portrait) & width > height */
    .summary-setting.help-container {
        flex-direction: row;
        width: 86%;
        margin-inline: auto;
    }

    .summary-setting .standard-ux-card__wrapper:nth-child(1) {
        width: 50.5%;
        height: 266px;
    }

    .summary-setting .standard-ux-card__wrapper:nth-child(2) {
        width: 49.5%;
    }
}
@media screen and (min-width: 589px) and (max-width: 959px) and (max-aspect-ratio: 1/1) { /* (Winner landscape, TOP portrait and landscape, Tablet portrait) & width <= height */
    .summary-setting.help-container {
        flex-direction: column;
        width: 86%;
        margin-inline: auto;
    }

    .summary-setting .standard-ux-card__wrapper:nth-child(1) {
        height: 266px;
    }
}
@media screen and (min-width: 960px) and (max-width: 1919px) {
    .summary-setting.help-container {
        flex-direction: row;
        width: 86%;
        margin-inline: auto;
    }

    .summary-setting .standard-ux-card__wrapper:nth-child(1) {
        height: 266px;
        width: 44%;
    }

    .summary-setting .standard-ux-card__wrapper:nth-child(2) {
        width: 56%;
    }
}
@media screen and (min-width: 1920) {
    .summary-setting.help-container {
        flex-direction: row;
        width: 86%;
        margin-inline: auto;
    }

    .summary-setting .standard-ux-card__wrapper:nth-child(1) {
        height: 266px;
        width: 44%;
    }

    .summary-setting .standard-ux-card__wrapper:nth-child(2) {
        width: 56%;
    }
}

/* Summary Setting Page End */

/* Summary Details Page Start */

.summary-details {
    padding-inline: 14px;
}

.summary-details .plugin-page__container {
    margin-inline: auto;
    overflow-y: auto;
}

.summary-details .ux-app-card.tiny .ux-app-card__contents[data-contents-type="simple-button"].control {
    padding: 12px;
}

.summary-details .ux-app-card__power__icon__left {
    width: 40px;
    height: 40px;
    margin-inline-end: 8px;
}

.summary-details .ux-app-card__contents__icon {
    width: 40px;
    height: 40px;
}

.summary-details .ux25.room-grid-card-item {
    position: relative;
}

/* .summary-details .ux-app-card[data-component-type="power-button"],
.summary-details .ux25.room-grid-card-item, */

.summary-details-select-devices.wx-context-menu {
    opacity: .3;
}

/* Summary Details Page End */

/* Favorite No Item Card Start */

#favorite-no-item.favorite-no-item {
    --col-gap: 14px;
    display: grid;
    grid-template-columns: repeat(auto-fill, calc((100% - var(--col-gap)) / 2));
    column-gap: var(--col-gap);
    row-gap: 16px;
    margin-block-end: 16px;
}

@media screen and (min-width: 656px) and (max-width: 1200px) { /* Fold Wide & Tablet */
    #favorite-no-item.favorite-no-item {
        grid-template-columns: repeat(auto-fill, calc((100% - var(--col-gap) *3) / 4));
    }
}
@media screen and (min-width: 1200px) and (max-width: 1920px) { /* Tablet Landscape */
    #favorite-no-item.favorite-no-item {
        grid-template-columns: repeat(auto-fill, calc((100% - var(--col-gap) *5) / 6));
    }
}
@media screen and (min-width: 1920px) { /* DEX */
    #favorite-no-item.favorite-no-item {
        grid-template-columns: repeat(auto-fill, calc((100% - var(--col-gap) *7) / 8));
    }
}

.favorite-no-item .standard-ux-card__wrapper {
    grid-area: span 2 / span 2;
}

.favorite-no-item .header {
    display: flex;
    padding: 6px 6px 0 24px;
}

.favorite-no-item .header-text {
    width: calc(100% - 96px - 8px);
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #8c8c91;
    letter-spacing: 0;
    text-align: start;
    line-height: 18px;
    font-weight: normal;
    padding-block-start: 1px;
}

.favorite-no-item .header-icon {
    width: 96px;
    height: 96px;
    margin-inline-start: 8px;
}

.favorite-no-item .header-icon > img,
.favorite-no-item .header-icon > svg {
    width: 100%;
    height: 100%;
}

.favorite-no-item .standard-ux-component[data-component-type="subtext_list"] {
    margin-block-start: 8px;
}

.favorite-no-item .standard-ux-component__list__item__wrapper.scrollable {
    padding-block-end: 6px;
}

.favorite-no-item .standard-ux-component__list__items {
    margin-block-end: 18px;
}

.favorite-no-item .standard-ux-component__list__item {
    padding-inline-end: 20px;
}

.favorite-no-item .standard-ux-component__list__item__icon__wrapper.left {
    padding-inline-start: 20px;
    padding-inline-end: 14px;
}

.favorite-no-item .standard-ux-component__list__item__contents {
    min-height: 30px;
}

.favorite-no-item .standard-ux-component__list__item__text {
    margin-block: 3px;
}

.favorite-no-item .standard-ux-component__list__item__text__title {
    line-height: 24px;
}

.favorite-no-item .standard-ux-component__list__item__contents::after {
    display: none;
}

.favorite-no-item .standard-ux-component__list__item__icon.right.vertical-middle.clickable {
    width: 30px;
    height: 30px;
    background: var(--color-favorite-no-item-card-right-icon-circle);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.favorite-no-item .standard-ux-component__list__item__icon,
.favorite-no-item .standard-ux-component__list__item__icon.right > svg {
    width: 24px;
    height: 24px;
    color: var(--color-plugin-list-title);
}

.favorite-no-item .standard-ux-component__list__item__icon.right > svg > g > path {
    fill: var(--color-plugin-list-title);
}

/* Favorite No Item Card End */

/* Some changes needed to fix broken changes from PluTo upgrade to ^10.0.0 */

/* General */

:root {
    --color-sub-tab-item: var(--color-cmn-main-tab-item);
    --color-sub-tab-item--selected: var(--color-cmn-main-tab-item--selected);
    --color-sub-tab-item-background--selected: var(--color-grayscale-5);
    --color-component-list-item-sub-title: var(--color-component-list-item-text-description);
}

.plugin-page .standard-ux-card {
    --p-sx-card-margin-inline-start: 0;
    --p-sx-card-margin-inline-end: 0;
}

.plugin-page .standard-ux-description-wrapper {
    height: unset;
}

.standard-ux-component__list__item.switch:not(:last-child) > .standard-ux-component__list__item__contents {
    padding-inline-end: 76px;
}

.plugin-page .standard-ux-component__floating-action-button__icon svg *:not(mask) {
    fill: revert-layer;
}

/* Switch list */

.standard-ux-component__list__items.dimmed {
    opacity: unset !important;
}

/* Description */
#AirPurifierSmartSleepMode .standard-ux-component__description__text,
#AirPurifierAIPurifyPage .standard-ux-component__description__text,
#AirDresserAutoCycleLinkPage .standard-ux-component__description__text,
#SummarySettingPage .standard-ux-component__description__text {
    margin-block-end: 16px;
}

/* Spinner in some new DA device plugins */
#air_purifier_plugin .standard-ux-component__spinner__button__wrapper,
#refrigerator_plugin .standard-ux-component__spinner__button__wrapper,
#family_hub_refrigerator_plugin .standard-ux-component__spinner__button__wrapper,
#hood_plugin .standard-ux-component__spinner__button__wrapper,
[id^=AirPurifier] .standard-ux-component__spinner__button__wrapper,
[id^=FloorAc] .standard-ux-component__spinner__button__wrapper,
[id^=RoomAc] .standard-ux-component__spinner__button__wrapper {
    width: auto;
}

#air_purifier_plugin .standard-ux-component__spinner__button,
#refrigerator_plugin .standard-ux-component__spinner__button,
#family_hub_refrigerator_plugin .standard-ux-component__spinner__button,
#hood_plugin .standard-ux-component__spinner__button,
[id^=AirPurifier] .standard-ux-component__spinner__button,
[id^=FloorAc] .standard-ux-component__spinner__button,
[id^=RoomAc] .standard-ux-component__spinner__button {
    height: unset;
}

#air_purifier_plugin .standard-ux-component__spinner__button .ripple,
#refrigerator_plugin .standard-ux-component__spinner__button .ripple,
#family_hub_refrigerator_plugin .standard-ux-component__spinner__button .ripple,
#hood_plugin .standard-ux-component__spinner__button .ripple,
[id^=AirPurifier] .standard-ux-component__spinner__button .ripple,
[id^=FloorAc] .standard-ux-component__spinner__button .ripple,
[id^=RoomAc] .standard-ux-component__spinner__button .ripple {
    display: none;
}

/* Devices may differ text */

[id^=devices-may-differ] .standard-ux-component__description__wrapper {
    margin: 6px 24px;
}

/* Bottom tab control in home page */
#ux25_homepageTab_IconTabControl .wx-tab-item {
    gap: 5px;
}

/* Card title */

#curtain_plugin .standard-ux-card__title,
#outlet_plugin .standard-ux-card__title,
#lock_plugin .standard-ux-card__title,
#door_bell_plugin .standard-ux-card__title {
    margin-inline-start: 0;
}

/* Camera */

#camera-activity-history .standard-ux-component__description__wrapper {
    margin-inline: 24px;
}

/* Air dresser */

#AirDresserConfigurationPage .air-dresser-container {
    margin-block: 16px;
}

/* Slide in range */

#slide-in-range-selection-tab .wx-tab-control__tabs {
    padding-inline: 16px;
}

/* MapView Launcher */


.vh-mapview-tips.wrapper {
    position: absolute;
    left: 0;
    top: 0;
}

.vh-mapview-tips.background {
    position: relative;
    width: 100%;
    height: 100%;
}

.vh-mapview-tips .contents_wrapper {
    --vh-mapview-tips-area-margin: 9px;
    --vh-mapview-tips-arrow-min-margin: 24px;
    --vh-mapview-tips-arrow-min-width: 16px;
    --vh-mapview-tips-arrow-min-height: 12px;
    --vh-mapview-tips-max-width-area: 83%;
    --vh-mapview-tips-background: var(--color-smart-tips-background);
    position: absolute;
    width: 248px;
    top: 84px;
    right: 16px;
    z-index: 100;
}

.vh-mapview-tips.arrow {
    /* will be overriden programmatically */
    top: -13px;
    right: 98px;

    --smart-tips-overlap-width: 2px;
    position: absolute;
    border-width: 7px 9px;
    border-style: solid;
    margin-inline-start: var(--vh-mapview-tips-arrow-margin);
    border-color: transparent;
    left: var(--vh-mapview-tips-arrow);
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 20px solid var(--vh-mapview-tips-background);
}

html[dir="rtl"] .vh-mapview-tips .contents_wrapper {
    right: auto;
    left: 16px;
}

html[dir="rtl"] .vh-mapview-tips.arrow {
    left: 98px;
    right: var(--vh-mapview-tips-arrow);
    border-right: 20px solid transparent;
    border-left: 20px solid var(--vh-mapview-tips-background);
}

.vh-mapview-tips .contents {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 18px 16px;
    min-width: 52px;
    font-size: 15px;
    border-radius: 21px;
    background: var(--vh-mapview-tips-background);
    color: var(--color-smart-tips-text);
}

.vh-mapview-tips.show .contents {
    opacity: 1;
}

.vh-mapview-tips.animation.show .contents_wrapper {
    --wx-sf-scale-begin: .32;
    --wx-sf-scale-end: 1;
    animation: wx-sf-scale 130ms forwards;
    transition: opacity 130ms linear;
}

.vh-mapview-tips.image svg {
    width: 100%;
    height: auto;
}

/* MapView Welcome Page */
/* Currently it is not used */

/*
.plugin-page.mapview-welcome {
    padding: 24px;
}

.plugin-page.mapview-welcome .plugin-page__body {
    display: flex;
    justify-content: center;
    align-items: center;
}

.vh-page-mapview-welcome-title {
    font-size: 32px;
    color: #252528;
    letter-spacing: 0;
    font-weight: 300;
    margin-block-start: 14%;
}

.vh-page-mapview-welcome-desc {
    font-size: 14px;
    color: #252528;
    letter-spacing: 0;
    line-height: 21px;
    font-weight: 400;
}

.vh-page-mapview-welcome-illustration {
    width: 212px;
    height: auto;
}

.vh-page-mapview-welcome-privacy {
    display: flex;
    margin-block-end: 24px;
}

.vh-page-mapview-welcome-user {
    width: 32px;
    height: 32px;
    margin-inline-end: 11px;
}

.vh-page-mapview-welcome-privacy-text {
    font-size: 12px;
    color: #5a5a5d;
    line-height: 16px;
    font-weight: 400;
}
*/

/* MapView Page */

#map-view-page .icon,
#map-view-page .text {
    opacity: .3;
}

#map-view-page .text {
    word-wrap: break-word;
    white-space: pre-line;
    text-overflow: ellipsis;
    line-clamp: 2;
    max-width: 45px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#map-view-page {
    --color-mapview-button-background: var(--color-grayscale-1);
    --color-mapview-button-text: var(--color-text-grey-1);
}

[data-color-scheme="dark"] #map-view-page {
    --color-mapview-button-background: #1D1D1F;
}

#map-view-page .mapview-top-bar,
#map-view-page .mapview-bottom-bar,
#map-view-page .mapview-right-button-group {
    display: flex;
    flex-direction: row;
}

#map-view-page .mapview-top-bar .mapview-scene {
    background:  var(--color-mapview-button-background);
    color: var(--color-mapview-button-text);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .12);
    border-radius: 14.4px;
    align-items: center;
    justify-content: center;
    width: 93px;
    height: 48px;
    font-size: 10.4px;
    line-height: 12.8px;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    margin-inline-end: 8px;
    position: relative;
}

#map-view-page .mapview-top-bar .mapview-scene:first-child {
    margin-inline-start: 20px;
}

#map-view-page .mapview-top-bar .mapview-scene:last-child {
    margin-inline-end: 20px;
}

#map-view-page .mapview-devices-button {
    background:  var(--color-mapview-button-background);
    color: var(--color-mapview-button-text);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .12);
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-direction: row;
    padding-inline: 16px;
    border-radius: 18px;
    position: relative;
}

#map-view-page .mapview-round-button {
    background:  var(--color-mapview-button-background);
    color: var(--color-mapview-button-text);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .12);
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    position: relative;
}

#map-view-page .mapview-round-button > .icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

#map-view-page .mapview-bottom-bar .mapview-devices-button .icon-spinner.rotate {
    padding-bottom: 5px;
    rotate: 180deg;
}

#map-view-page .mapview-bottom-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 11px;
    width: 100%;
    height: 48px;
    padding-inline: 20px;
    margin-block-end: 20px;
}

#map-view-page .mapview-right-button-group {
    gap: 11px;
}

#map-view-page-mapview-title .standard-ux-component__description__wrapper,
#map-view-page-mapview-title .standard-ux-component__description__title {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    font-weight: 600;
}

#map-view-page .plugin-page__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#map-view-page .plugin-page__container .mapview-content-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#map-view-page .plugin-page__container .mapview-content-wrapper > img {
    width: 100%;
}

@media screen and (orientation: landscape) {
    #map-view-page .plugin-page__container .mapview-content-wrapper > img {
        /* width: 69%; */
        width: unset;
        height: calc(100dvh - 220px);
    }
}

/* Minor UI bug fixes */

#SummaryDetailsPage .round-button.power-press {
    border: unset;
    /* background: var(--color-plugin-card-button-background--pressed); */
    background: var(--scene-run-icon-bg);
}

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

#curtain_plugin .capability-card .standard-ux-card__button__grid__icon > svg {
    width: unset;
    height: unset;
}

.capability-card .standard-ux-card__centered-text {
    color: var(--color-plugin-card-title);
    font-size: 26px;
    line-height: 23px;
    margin-block: 8px 6px;
    text-align: center;
}

.capability-card .standard-ux-card__centered-text::first-letter {
    text-transform: uppercase;
}

html[data-color-scheme="dark"]  #exitButton {
    background-color: #2d2d30;
}

#summary-setting-page-switch {
    border-radius: 30px;
}

/* New Discover Page */

.discover-illustration {
    display: flex;
    column-gap: 8px;
}

.discover-illustration-text {
    font-size: 16px;
    color: var(--color-plugin-card-description);
    line-height: 20px;
    font-weight: normal;
    margin: 16px 0 16px 16px;
}

.discover-illustration-image {
    margin-inline-start: auto;
    margin-inline-end: 14px;
}

.discover-illustration-image.phone {
    display: block;
}

.discover-illustration-image.tablet {
    display: none;
}

@media screen and (min-width: 589px) {
    .discover-illustration-image.phone {
        display: none;
    }

    .discover-illustration-image.tablet {
        display: block;
    }
}

#discover-page .standard-ux-component__description__wrapper {
    margin-block-start: 13px;
    margin-block-end: 5px;
}

#discover-page .standard-ux-component__description__wrapper .standard-ux-component__description__subtitle {
    color: var(--color-text-field-label);
}

#discover-page #discover-page-subtitle + .standard-ux-card__wrapper {
    margin-block-start: 0;
}

/* New Energy Savings page */

.energy-savings-illustration {
    margin: 20px 20px 20px 18px;
}

.energy-savings-illustration-text {
    margin: 12px 4px 4px;
    font-size: 14px;
    color: var(--color-plugin-card-description);
    letter-spacing: 0;
    line-height: 21px;
    font-weight: normal;
}

.energy-savings-illustration-image svg {
    width: 100%;
}

.energy-savings-illustration-image.light {
    display: block;
}

.energy-savings-illustration-image.dark {
    display: none;
}

[data-color-scheme="dark"] .energy-savings-illustration-image.light {
    display: none;
}

[data-color-scheme="dark"] .energy-savings-illustration-image.dark {
    display: block;
}

#energy-savings-page .standard-ux-component__description__wrapper {
    margin-block-start: 13px;
    margin-block-end: 5px;
}

#energy-savings-page .standard-ux-component__description__wrapper .standard-ux-component__description__subtitle {
    color: var(--color-text-field-label);
}

#energy-savings-page #energy-savings-page-subtitle + .standard-ux-card__wrapper {
    margin-block-start: 0;
}

@media screen and (min-width: 589px) and (orientation: landscape) {
    /* max-width: calc(75% + 24px) !important; */
    /* margin: 0 auto !important; */

    #energy-savings-page .plugin-page__container,
    #discover-page .plugin-page__container {
        max-width: calc(75% + 24px);
        margin: 0 auto;
    }
}

#create-routine-save-energy-page .standard-ux-card__wrapper {
    margin-block-start: 12px;
}

.create-routine .standard-ux-component__list__item__text__description_wrapper {
    flex-direction: column;
    align-items: start;
}

.create-routine .standard-ux-component__list__item__text__action_text {
    color: var(--color-functional-orange-text);
    font-size: 13px;
    line-height: 17px;
    text-align: start;
    display: -webkit-box;
}

.create-routine .standard-ux-component__list__item__text__description {
    color: var(--color-plugin-list-title);
}

.create-routine .standard-ux-component__list__item__text__not_supported {
    color: var(--color-plugin-list-title);
    font-size: 13px;
    line-height: 17px;
    text-align: start;
    display: -webkit-box;
}

.create-routine .standard-ux-component__list__item__text__view_supported_devices {
    color: var(--color-plugin-list-title);
    font-size: 13px;
    line-height: 17px;
    text-align: start;
    display: -webkit-box;
    background-color: var(--color-flat-button-background);
    border-radius: 10px;
    padding: 2px 8px;
}

#create-routine-action-list-card {
    background: transparent;
}

.standard-ux-component__list__item__wrapper.scrollable > .standard-ux-component__list__items.create-routine.subtext {
    background-color: var(--color-card-background);
    margin-block-end: 12px;
    border-radius: 22px;
}

.standard-ux-component__list__item__wrapper.scrollable > .standard-ux-component__list__items.create-routine.subtext:last-of-type {
    margin-block-end: 0;
}

.standard-ux-component__list__items.create-routine.subtext + .subtext {
    background-color: var(--color-card-background);
    margin-block-end: 12px;
    border-radius: 22px;
}

#create-routine-save-energy-page .standard-ux-component__description__title {
    margin-block-start: 38px;
    margin-block-end: 8px;
}

/* tab control */

div[id$="IconTabControl"] {
    background: transparent !important;
    flex-direction: row;
}

div[id$="IconTabControl"] > * {
    flex-direction: column;
}

[id$="IconTabControl"].can-toggle-icon .wx-tab-item [id$="icon"] {
    display: block;
}

[id$="IconTabControl"].can-toggle-icon .wx-tab-item [id$="focused-icon"] {
    display: none;
}

[id$="IconTabControl"].can-toggle-icon .wx-tab-item[aria-selected="true"] .wx-tab-item__icon[id$="icon"] {
    display: none;
}

[id$="IconTabControl"].can-toggle-icon .wx-tab-item[aria-selected="true"] .wx-tab-item__icon[id$="focused-icon"] {
    display: block;
}

/* make the ripple transparent */

#create-routine-save-energy-page .ripple.pong {
    border-radius: 22px;
    background: transparent;
}

.create-routine .standard-ux-component__list__item__contents::after {
    background: transparent;
}

/* make Save button like disabled */

#create-routine-save-energy-buttons > div > div:nth-child(2) {
    opacity: .4;
}

/* modify if and then margin */

#create-routine-save-energy-page .standard-ux-component__description__wrapper {
    margin-block-start: 13px;
    margin-block-end: 5px;
}

#create-routine-save-energy-page #create-routine-save-energy-if + .standard-ux-card__wrapper,
#create-routine-save-energy-page #create-routine-save-energy-then + .standard-ux-card__wrapper {
    margin-block-start: 0;
}

/* ring tone page full screen */

div[id^="ringtone-popup-dialog"] .wx-dialog.container {
    padding: 0;
}

/* dialog list component */

.dialog-list .hide-ripple .ripple.pong {
    display: none;
}

.dialog-list .standard-ux-component__list__item {
    padding: 0;
}

.dialog-list .standard-ux-component__list__item .standard-ux-component__list__item__icon__wrapper.left {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}

/* Work around for Intro */

#intro .standard-ux-component__buttons__wrapper {
    justify-content: space-between;
    padding: 0;
}

#intro .standard-ux-component__buttons {
    --sx-button-min-width: 80px;
}

/* Radio option page */

#radio-option-page .standard-ux-component__list__item__text {
    color: #010102;
}

[data-color-scheme="dark"] #radio-option-page .standard-ux-component__list__item__text {
    color: #FAFAFF;
}

/* New Devices Goes Here */

#air_purifier_plugin .standard-ux-component__list__item__contents,
#AirPurifierLightingPage .standard-ux-component__list__item__contents,
#family_hub_refrigerator_plugin .standard-ux-component__list__item__contents,
#slide_in_range_plugin .standard-ux-component__list__item__contents,
#ai_combo_plugin .standard-ux-component__list__item__contents,
#ai_combo_plugin_delay_end-end-time-list .standard-ux-component__list__item__contents,
#ha_room_air_conditioner_plugin .standard-ux-component__list__item__contents,
#floor_air_conditioner_plugin .standard-ux-component__list__item__contents,
#FloorAcSchedulePage .standard-ux-component__list__item__contents,
#refrigerator_plugin .standard-ux-component__list__item__contents,
#cooktop_plugin .standard-ux-component__list__item__contents,
#oven_plugin .standard-ux-component__list__item__contents,
#dishwasher_plugin .standard-ux-component__list__item__contents,
#air_dresser_plugin .standard-ux-component__list__item__contents,
#washer_plugin .standard-ux-component__list__item__contents,
#dryer_plugin .standard-ux-component__list__item__contents,
#ai_combo_plugin .standard-ux-component__list__item__contents {
    /* Override one ui 7 padding for list item to match given GUI guide */
    --p-sx-list-item-divider-margin: 24px;
    -webkit-padding-start: 24px;
    padding-inline-start: 24px;
}

/* Favorite Tab */

.favorite-tab-subheader {
    font-size: 13px;
    color: var(--color-subheader-label);
    letter-spacing: 0;
    text-align: left;
    font-weight: 600;
    padding: 9px 10px;
    margin-block-start: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.favorite-tab-subheader .weather-dust {
    display: flex;
    background: var(--color-grayscale-6);
    border-radius: 15px;
    align-items: center;
    height: 30px;
    padding: 0 14px;
    gap: 2px;
    font-size: 12px;
    letter-spacing: 0;
    font-weight: 600;
    position: relative;
    color: var(--color-text-grey-1);
}

html[data-color-scheme="dark"] .favorite-tab-subheader .weather-dust {
    background: var(--color-grayscale-3);
}

/* AI Recommendation */

.vh-ai-recommendation-container {
    margin: 0 12px;
}

.vh-ai-recommendation-container .title {
    font-size: 14px;
    color: var(--color-subheader-label);
    line-height: 20px;
    font-weight: 600;
    margin-block-end: 6px;
}

.vh-ai-recommendation-container .text {
    font-size: 21px;
    color: var(--color-app-title);
    font-weight: 600;
    margin-block-end: 12px;
}

.vh-ai-recommendation-container .standard-ux-component__buttons__wrapper,
html[tablet] .vh-ai-recommendation-container  .standard-ux-component__buttons__wrapper,
html[tablet] .vh-ai-recommendation-container  .standard-ux-component__buttons__wrapper:not([data-group-style="pagination"]) {
    padding: 0;
    justify-content: flex-start;

}

html[data-orientation="landscape"] .vh-ai-recommendation-container .standard-ux-component__buttons__wrapper[data-flex-direction="row"],
html[tablet] .vh-ai-recommendation-container .standard-ux-component__buttons__wrapper[data-flex-direction="row"] {
    --sx-button-column-gap: 8px;
}

/* .standard-ux-component__buttons[data-size="medium"] .standard-ux-component__buttons__label, .standard-ux-component__buttons[data-size="large"] .standard-ux-component__buttons__label */

.vh-ai-recommendation-container .standard-ux-component__buttons {
    max-height: 30px;
}

.vh-ai-recommendation-container .standard-ux-component__buttons[data-size="tiny"] .standard-ux-component__buttons__label {
    margin: 3px 14px;
    font-size: 12px;
    font-weight: bold;
}

.vh-ai-recommendation-container .standard-ux-component__buttons__icon,
.vh-ai-recommendation-container .standard-ux-component__buttons__icon > svg {
    width: 24px;
    height: 24px;
}

.vh-ai-recommendation-container .standard-ux-component__buttons__icon {
    margin: 3px 0 3px 8px;
}

/* DA feedback, on switch list item (on), description should not blue */

#ai_combo_plugin .standard-ux-component__list__items.switch .standard-ux-component__list__item.primary.active .standard-ux-component__list__item__text__description,
#family_hub_refrigerator_plugin .standard-ux-component__list__items.switch .standard-ux-component__list__item.primary.active .standard-ux-component__list__item__text__description,
#air_purifier_plugin .standard-ux-component__list__items.switch .standard-ux-component__list__item.primary.active .standard-ux-component__list__item__text__description,
#AirPurifierLightingPage .standard-ux-component__list__items.switch .standard-ux-component__list__item.primary.active .standard-ux-component__list__item__text__description,
#ha_room_air_conditioner_plugin .standard-ux-component__list__items.switch .standard-ux-component__list__item.primary.active .standard-ux-component__list__item__text__description,
#RoomAcMotionDetectedPage .standard-ux-component__list__items.switch .standard-ux-component__list__item.primary.active .standard-ux-component__list__item__text__description,
#dryer_plugin .standard-ux-component__list__items.switch .standard-ux-component__list__item.primary.active .standard-ux-component__list__item__text__description {
    color: #6e6e6e;
}

[data-color-scheme="dark"] #ai_combo_plugin .standard-ux-component__list__items.switch .standard-ux-component__list__item.primary.active .standard-ux-component__list__item__text__description,
[data-color-scheme="dark"] #family_hub_refrigerator_plugin .standard-ux-component__list__items.switch .standard-ux-component__list__item.primary.active .standard-ux-component__list__item__text__description,
[data-color-scheme="dark"] #air_purifier_plugin .standard-ux-component__list__items.switch .standard-ux-component__list__item.primary.active .standard-ux-component__list__item__text__description,
[data-color-scheme="dark"] #AirPurifierLightingPage .standard-ux-component__list__items.switch .standard-ux-component__list__item.primary.active .standard-ux-component__list__item__text__description,
[data-color-scheme="dark"] #ha_room_air_conditioner_plugin .standard-ux-component__list__items.switch .standard-ux-component__list__item.primary.active .standard-ux-component__list__item__text__description,
[data-color-scheme="dark"] #dryer_plugin .standard-ux-component__list__items.switch .standard-ux-component__list__item.primary.active .standard-ux-component__list__item__text__description {
    color: #999999;
}

/* Dashboard View for Fold, Tablet and Bigger Screen */

#ux25_homepage {
    flex-direction: unset;
}

#ux25_homepage > .home__sidebar {
    display: none;
}

#ux25_homepage > .home__main-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

#ux25_homepage .plugin-page__footer {
    display: block;
}

#devicesList #device-tabs-view .standard-ux-component__swipe-card-list.swiper-slide {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

#devicesList #device-tabs-view .standard-ux-component__swipe-card-list.swiper-slide.swiper-slide-active {
    opacity: 1;
}

@media screen and (min-width: 589px) and (min-height: 589px) {
    #ux25_homepage {
        --width-sidebar-closed: 72px;
        --width-sidebar-expanded: min(40vw, 340px);
    }

    #ux25_homepage > .home__sidebar + .home__main-wrapper .ux-app-pane-container {
        width: 100%;
    }

    #ux25_homepage > .home__sidebar[expanded] + .home__main-wrapper .ux-app-pane-container {
        min-width: calc(100% + var(--width-sidebar-expanded) - var(--width-sidebar-closed));
    }

    #ux25_homepage > .home__sidebar {
        --sidebar-background-color: rgba(241, 241, 243, 0.2);
        --sidebar-text-color: var(--color-text-grey-1);
        --sidebar-active-item-background-color: rgba(233, 233, 236, 0.8);
        --sidebar-icon-color: var(--color-text-grey-1);
        --sidebar-divider-color: var(--color-grayscale-9);
        display: flex;
        flex-direction: column;
        width: var(--width-sidebar-closed);
        min-width: var(--width-sidebar-closed);
        height: 100%;
        margin-block-start: auto;
        margin-block-end: auto;
        background: var(--sidebar-background-color);
        border-radius: 0 16px 16px 0;
        padding-inline-start: 14px;
        padding-inline-end: 14px;
        color: var(--sidebar-text-color);
        transition: width 200ms, min-width 200ms;
    }

    [data-color-scheme="dark"] #ux25_homepage > .home__sidebar {
        /* --sidebar-active-item-background-color: rgba(45, 45, 48, 0.8); */
        --sidebar-active-item-background-color: rgba(233, 233, 236, 0.3);
        --sidebar-background-color: rgba(23, 23, 26, 0.2);
        --sidebar-divider-color: var(--color-grayscale-7);
    }

    #ux25_homepage > .home__sidebar + .home__main-wrapper {
        width: calc(100% - var(--width-sidebar-closed));
    }

    #ux25_homepage > .home__sidebar[expanded] {
        width: var(--width-sidebar-expanded);
        min-width: var(--width-sidebar-expanded);
    }

    #ux25_homepage #favoritesList {
        padding-inline-end: 20px;
        padding-inline-start: 20px;
    }

    #ux25_homepage > .home__sidebar[expanded] + .home__main-wrapper {
        width: calc(100% - var(--width-sidebar-expanded));
    }

    #ux25_homepage > .home__sidebar > .item {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 40px;
        margin-block-start: 6px;
        margin-block-end: 6px;
        border-radius: 8px;

    }

    #ux25_homepage > .home__sidebar[expanded] > .item {
        justify-content: start;
        width: 100%;
    }

    #ux25_homepage > .home__sidebar > .item > .label {
        opacity: 0;
        text-wrap: nowrap;
        transition: opacity 200ms;
    }

    #ux25_homepage > .home__sidebar[expanded] > .item > .label {
        opacity: 1;
    }

    #ux25_homepage > .home__sidebar > .item.trail {
        min-height: 52px;
        margin-block-end: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #ux25_homepage > .home__sidebar > .item[active] {
        background-color: var(--sidebar-active-item-background-color);
    }

    #ux25_homepage > .home__sidebar > .item > .icon {
        width: 24px;
        height: 24px;
        margin-inline-start: 10px;
        margin-inline-end: 10px;
        color: var(--sidebar-icon-color);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #ux25_homepage > .home__sidebar > .item > .icon.settings {
        filter: brightness(.4);
    }

    [data-color-scheme="dark"] #ux25_homepage > .home__sidebar > .item > .icon.settings {
        filter: unset;
    }

    #ux25_homepage > .home__sidebar > .item > .label,
    #ux25_homepage > .home__sidebar > .item.trail > .icon.settings  {
        display: none;
    }

    #ux25_homepage > .home__sidebar[expanded] > .item > .label,
    #ux25_homepage > .home__sidebar[expanded] > .item.trail > .icon.settings {
        display: flex;
    }

    #ux25_homepage > .home__sidebar > .divider {
        margin: 4px 10px;
        height: 1px;
        background-image: linear-gradient(to right, var(--sidebar-divider-color) 25%, rgba(255, 255, 255, 0) 0%);
        background-size: 4px 1px;
        background-repeat: repeat-x;
    }

    #ux25_homepage .plugin-page__footer {
        display: none;
    }
}
@media screen and ((max-width: 589px) or (max-height: 589px)) {
    #ux25_homepage > .home__sidebar {
        display: none;
    }
}
@media screen and (min-width: 960px) {
    #ux25_homepage > .home__sidebar + .home__main-wrapper .ux-app-pane-container {
        width: 100%;
    }

    #ux25_homepage > .home__sidebar[expanded] + .home__main-wrapper .ux-app-pane-container {
        min-width: 100%;
    }

    #ux25_homepage #paneContainer .ux-app-list-container > div{
        margin-inline-end: 0;
        margin-inline-start: 0;
        padding: 0 32px;
    }
}
@media screen and (min-width: 1011px) {
    #ux25_homepage > .home__sidebar + .home__main-wrapper .ux-app-pane-container {
        width: 100%;
    }

    #ux25_homepage #paneContainer .ux-app-list-container > div > div{
        max-width: calc(100vw - var(--width-sidebar-expanded));
        margin-inline: auto;
    }
}
@media only screen and (max-height: 479px) {
    [data-orientation="landscape"] #ux25_homepage .plugin-page__action-bar,
    [data-orientation="landscape"] #ux25_homepage .plugin-page__action-bar.responsive {
        --action-bar-min-height: 64px;
        --action-bar-height: calc(var(--action-bar-min-height) + var(--action-bar-margin-top) + 216px);
        --action-bar-margin-top: 0;
    }
}
@media only screen and (min-height: 480px) and (max-height: 579px) {
    [data-orientation="landscape"] #ux25_homepage .plugin-page__action-bar,
    [data-orientation="landscape"] #ux25_homepage .plugin-page__action-bar.responsive {
        --action-bar-min-height: 64px;
        --action-bar-height: calc(var(--action-bar-min-height) + var(--action-bar-margin-top) + 216px);
        --action-bar-margin-top: 0;
    }
}
@media only screen and (max-height: 638px) {
    [data-orientation="portrait"] #ux25_homepage .plugin-page__action-bar.responsive {
        --action-bar-height: calc(var(--action-bar-min-height) + var(--action-bar-margin-top) + 216px);
    }
}

.room-grid-service-card-item.card-recoil,
.room-grid-card-item.card-recoil,
.service-carousel-wrapper.card-recoil {
    transform: scale(0.94);
    background-color: var(--color-card-pressed-background);
}

/* Dec 2024 */

#activities_list .scrollable[data-scroll-direction="vertical"] {
    overflow-y: hidden !important;
}

#ux25_homepage .device-summary-item-controls {
    display: grid;
    margin-block-start: 28px;
    gap: 8px;
    opacity: 1;
    transition: opacity 100ms, height 200ms, margin-block-start 100ms;
}

#ux25_homepage .device-summary-item-controls.light {
    grid-template-columns: auto 64px 64px;
    margin-block-end: 0;
}

#ux25_homepage .device-summary-item-controls.curtain {
    grid-template-columns: repeat(2, 1fr);
}

#ux25_homepage .device-summary-item-controls.hide {
    opacity: 0;
    height: 0;
    margin-block: 0;
    display: grid !important;
}

#ux25_homepage .device-summary-item-controls > * {
    border-radius: 18px;
    overflow: hidden;
}

.device-summary-item-controls .dimmer-slider .sx-slider.slider {
    opacity: 1;
}

.device-summary-item-controls .dimmer-slider .sx-slider.slider-wrapper,
.device-summary-item-controls .dimmer-slider .sx-slider.slider-bg,
.device-summary-item-controls .dimmer-slider .sx-slider.slider {
    height: 64px;
}

.device-summary-item-controls .dimmer-slider {
    --dimmer-bg: rgba(246, 246, 248, .50);
}

[data-color-scheme='dark'] .device-summary-item-controls .dimmer-slider {
    --dimmer-progress: var(--color-card-background);
    --dimmer-bg: rgba(23,23,26,0.60);
}

.device-summary-item-controls-item {
    padding: 12px;
    background-color: var(--color-card-background);
    position: relative;
}

.device-summary-item-controls-item.color > .color-circle,
.device-summary-item-controls-item.power > .clickable,
.device-summary-item-controls-item.toggle-open > .clickable {
    position: relative;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: var(--scene-run-icon-bg);
}

.device-summary-item-controls-item svg {
    filter: var(--filter-invert);
}

.device-summary-item-controls-item.toggle-open {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    color: var(--color-text-grey-1);
    letter-spacing: 0;
    line-height: 21px;
    font-weight: 600;
    padding-inline-start: 20px;
}

.device-summary-grid {
    margin-block-start: 14px;
}

.device-summary-grid .device-summary-item .standard-ux-component__summary__item:not(.dim) {
    background-color: var(--color-card-background);
}

.device-summary-grid .device-summary-item .standard-ux-component__summary__item {
    height: 48px;
    width: 104px;
    border-radius: 18px;
}

.device-summary-item .standard-ux-component__summary__item__text {
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
}

.device-summary-item .standard-ux-component__summary__item__icon {
    width: 32px;
    height: 32px;
}

.device-summary-item .standard-ux-component__summary__item__title {
    display: none;
}

.device-summary-grid {
    --bg-off-opacity: .5;
    --text-off-opacity: .45;
}

[data-color-scheme="dark"] .device-summary-grid {
    --bg-off-opacity: .6;
}

.device-summary-item-controls.off .dimmer-slider .slider-container,
.device-summary-item-controls.off .device-summary-item-controls-item.color {
    pointer-events: none;
}

.device-summary-item-controls.off .device-summary-item-controls-item.color {
    opacity: var(--bg-off-opacity);
}

.device-summary-item-controls.off .device-summary-item-controls-item.power,
.device-summary-item-controls.off .device-summary-item-controls-item.toggle-open {
    background-color: var(--color-card-off-background);
}

.device-summary-item-controls.off .device-summary-item-controls-item.power > .clickable,
.device-summary-item-controls.off .device-summary-item-controls-item.toggle-open > .clickable {
    background-color: var(--off-scene-run-icon-bg);
}

.device-summary-item-controls.off .dimmer-detail-container {
    opacity: var(--text-off-opacity);
}

.device-summary-grid .dimmer-slider .slider-container,
.device-summary-grid .device-summary-item-controls-item.color,
.device-summary-grid .standard-ux-component__summary__item__text,
.device-summary-grid .dimmer-detail-container {
    transition: opacity 200ms;
}

.device-summary-grid .device-summary-item .standard-ux-component__summary__item,
.device-summary-grid .device-summary-item-controls-item.power,
.device-summary-grid .device-summary-item-controls-item.power > .clickable {
    transition: background-color 200ms;
}

/* Summary Details */

#SummaryDetailsPage #summary-lights-power_main {
    border-radius: 18px;
    background: var(--color-card-background);
}

#SummaryDetailsPage #summary-lights-power_main.disabled {
    background: rgba(201,201,204,0.25);
}

[data-color-scheme="dark"] #SummaryDetailsPage #summary-lights-power_main.disabled {
    background: rgba(37,37,40,0.55);
}

#SummaryDetailsPage .flexible-width {
    width: 100% !important;
}

#SummaryDetailsPage #summary-lights-power_main_description {
    font-size: 18px;
    font-weight: 600;
}

.dimmer-and-color-container {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-block: 10px;
    height: 64px;
}

.summary-color-control.disabled {
    pointer-events:none;
    background: rgba(201,201,204,0.25);
}

[data-color-scheme="dark"] .summary-color-control.disabled {
    background: rgba(37,37,40,0.55);
}

.summary-color-control.disabled .text {
    opacity: .4;
}

.dimmer-and-color-container > div {
    flex: 50%;
    background: var(--color-card-background);
    border-radius: 18px;
    overflow: hidden;
}

.dimmer-and-color-container .dimmer-slider .sx-slider.slider-wrapper,
.dimmer-and-color-container .dimmer-slider .sx-slider.slider-bg {
    border-radius: 18px;
    height: 64px;
}

.dimmer-and-color-container .dimmer-slider .sx-slider.slider {
    border-radius: 0;
    height: 64px;
}

.dimmer-and-color-container .dimmer-slider .sx-slider.slider {
    background: #fcfcff;
    opacity: 1;
    /* border-end-start-radius: 18px;
    border-end-end-radius: 0;
    border-start-start-radius: 18px;
    border-start-end-radius: 0; */
}

.dimmer-and-color-container .dimmer-slider .sx-slider.slider-bg {
    background: rgba(201,201,204,0.25);
}

[data-color-scheme="dark"] .dimmer-and-color-container .dimmer-slider .sx-slider.slider-bg {
    background: rgba(37,37,40,0.55);
}

.dimmer-slider-container.disabled .dimmer-and-color-container .dimmer-slider .sx-slider.slider {
    opacity: 0;
}

.dimmer-slider-container.disabled .sx-slider.slider-wrapper > div.sx-slider.slider {
    opacity: 0;
}

[data-color-scheme="dark"] .dimmer-and-color-container .dimmer-slider .sx-slider.slider {
    background: #252528;
}

.summary-color-control {
    display: flex;
    flex-direction: row;
    padding: 14px;
    align-items: center;
    position: relative;
}

.summary-color-control > .text {
    flex: auto;
    font-size: 18px;
    font-weight: 600;
    color: var(--color-app-title);
}

.summary-color-control > .color {
    width: 40px;
    height: 40px;
    align-self: center;
    background-color: #ffd122;
    border-radius: 50%;
}

.dimmer-and-color-container .dimmer-slider-container.disabled {
    pointer-events:none;
}

/* PRELOAD INTRO */

#preload-intro.hide {
    display: none;
}

#preload-intro {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    background-color: #f1f1f3;
    color: #252525;
    display: flex;
    flex-direction: column;
    animation: customloading 2s ease-in-out 0s infinite reverse;
}

#preload-intro > div {
    filter: blur(6px);
}

#preload-intro .preload-intro-text {
    flex: 1;
    margin-block: 64px 72px;
    padding: 0 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#preload-intro .preload-intro-text .title {
    font-size: 34px;
    font-weight: 600;
    text-align: center;
}

#preload-intro .preload-intro-text .subtitle {
    font-size: 16px;
    padding-block-start: 16px;
    text-align: center;
}

#preload-intro .preload-intro-illustration {
    width: 100%;
    height: fit-content;
}

#preload-intro .preload-intro-illustration .cards {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-grow: 1;
    margin-block-end: 48px;
}

#preload-intro .preload-intro-illustration .cards .card {
    height: 115px;
    background-color: #fcfcff;
    border-radius: 18px;
    flex: 1;
}

#preload-intro .preload-intro-progress {
    height: 2px;
    width: 100%;
    margin-inline: 16px;
    margin-block-start: 24px;
    filter: blur(4px);
}

#preload-intro .preload-intro-progress div {
    height: 2px;
    width: 2%;
    background-color: rgba(71, 71, 74);
}

#preload-intro .preload-intro-button {
    height: 36px;
    width: 100%;
    margin-block-start: 12px;
    padding-inline: 16px;
    display: flex;
    flex-direction: row;
    justify-content: end;
}

#preload-intro .preload-intro-button div {
    color: #010102;
    font-size: 15px;
    margin: 6px 16px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (prefers-color-scheme: dark) {
    #preload-intro {
        background-color: #010102;
        color: #fafafa;
    }

    #preload-intro .preload-intro-progress div {
        background-color: rgba(222, 222, 225);
    }

    #preload-intro .preload-intro-illustration .cards .card {
        background-color: #17171a;
    }

    #preload-intro .preload-intro-button div {
        color: #fafaff;
    }
}

@media screen and (min-width: 589px) {
    #preload-intro .preload-intro-text {
        padding: 0 25%;
    }
}

@media screen and (min-width: 960px) {
    #preload-intro {
        padding-block: 20px;
    }
}

/* PRELOAD INTRO */

#preload-intro.hide {
    display: none;
}

#preload-intro {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    background-color: #f1f1f3;
    color: #252525;
    display: flex;
    flex-direction: column;
    animation: customloading 2s ease-in-out 0s infinite reverse;
}

#preload-intro > div {
    filter: blur(6px);
}

#preload-intro .preload-intro-text {
    flex: 1;
    margin-block: 64px 72px;
    padding: 0 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#preload-intro .preload-intro-text .title {
    font-size: 34px;
    font-weight: 600;
    text-align: center;
}

#preload-intro .preload-intro-text .subtitle {
    font-size: 16px;
    padding-block-start: 16px;
    text-align: center;
}

#preload-intro .preload-intro-illustration {
    width: 100%;
    height: fit-content;
}

#preload-intro .preload-intro-illustration .cards {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-grow: 1;
    margin-block-end: 48px;
}

#preload-intro .preload-intro-illustration .cards .card {
    height: 115px;
    background-color: #fcfcff;
    border-radius: 18px;
    flex: 1;
}

#preload-intro .preload-intro-progress {
    height: 2px;
    width: 100%;
    margin-inline: 16px;
    margin-block-start: 24px;
    filter: blur(4px);
}

#preload-intro .preload-intro-progress div {
    height: 2px;
    width: 2%;
    background-color: rgba(71, 71, 74);
}

#preload-intro .preload-intro-button {
    height: 36px;
    width: 100%;
    margin-block-start: 12px;
    padding-inline: 16px;
    display: flex;
    flex-direction: row;
    justify-content: end;
}

#preload-intro .preload-intro-button div {
    color: #010102;
    font-size: 15px;
    margin: 6px 16px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (prefers-color-scheme: dark) {
    #preload-intro {
        background-color: #010102;
        color: #fafafa;
    }

    #preload-intro .preload-intro-progress div {
        background-color: rgba(222, 222, 225);
    }

    #preload-intro .preload-intro-illustration .cards .card {
        background-color: #17171a;
    }

    #preload-intro .preload-intro-button div {
        color: #fafaff;
    }
}

@media screen and (min-width: 589px) {
    #preload-intro .preload-intro-text {
        padding: 0 25%;
    }
}

@media screen and (min-width: 960px) {
    #preload-intro {
        padding-block: 20px;
    }
}

/* PRELOAD MAiN */

.preload {
    background-image: url(data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAHgAeADASIAAhEBAxEB/8QAHAAAAwEBAQEBAQAAAAAAAAAAAQIDAAQHCAUG/8QALhAAAgEEAQMDAwQDAQEBAAAAAAERAiExQVESYXEDgZGhscET0eHwIjLxQlJi/8QAGwEAAwEBAQEBAAAAAAAAAAAAAAECAwQHBgX/xAAfEQEBAQEBAAIDAQEAAAAAAAAAARECEiExA0FRYRP/2gAMAwEAAhEDEQA/APCuq0JvzAyqUZgnMXcpoM+/se0Ph/J+ptqDTaJcc8CNtw2bxYBkU63p70Dqy73yxOqzMqtRIF5P1YbhIyq0hHU2lOmFuO+gTYfq2kN1ONfJJVLGYwZ1cvPI/tNiyu8h6k0nMklUuw0wsygTYemr/GzDOySqjCDS+VZjhKdXL+DJzdMTqTushTa25GDuqJX2Q3U+Saq4URs3VLiWVqLFepLZpQibu2ZON3HMReTptd7aGT5YibmNh+A+E2Hpa/YZy0S8oKcuzkplVVU5dhk955Jtp5QZhzyLUWKJw3HwMqrO5OmU5WBpm0bHEqJ+AylfuTTWBk7XuVqbPhRPtgKfOxE3+Bk7Y+BsqpbKkZQplPsT7J/I6fyDPoyc4nuNTzN+4iu7SNS9c8jjLpROYa0FZsKtNt+wQ+kGltYGT03kS72FYkJS1ROVYMvj4FpTW/kKlxKuEqLTq94WZGVUL9hIjEIZYtgNlZ0ybxOAqPOhVa6UMf3HqLcb+2CoUr7gVvgK4uG6i4MTgN0p0aVK0ZWyCLRpjnI0QnZgWYn4GzdWQ02jCt8BSdrWBNo5fIVZRyMjrmDLEwzc3sZS4Uv2GytMoWsPRtZ8mUWU+DNP+GCKZO8ozmJmIAqoRk7XcAi/H081TSwFVO9V4J9TV1/w3XEn571HP2pP/A9UK6JKtPDCqrzyBWKTO0CX+wnVhKIC2A+FE27XQAKpTM9gJqYUAnDzO9G7fYWZyGbcAzwZvNkNLmY/gSUrhStIEfqahOPYM2/BPXYKd+49RYdOXtaDMb7CKpmVSzH1CJUbmq4U3pqHonMSpDMqYkoqpPftgLdtrwInayYab5K1NPK2FOMcCUuHIzSXv2uGs6dPl9w90xKardV45HTnfsDOwcK7GTh+OBJCnbNxs6omlPYKqTx9RJ75CmsQVrNROcjqVFvZkl4gdJVNfUN0qdVa4G+biqZm3aBk+PuGsaN9sdX76Epmb/TA6u4bCdMujy07D/7YgSmNbHpl4XbuPWVumT1/WMKpY2lNx6kUk142MufwKn27D0qb9g2M7TJTx8AVliTUuIhfA98fAam0UtP7jJYQKU8eMD0ppwLWfVBcOIGvGZAs3CmvnkNZ3pr5eg3myg0VQ5n3GSjA9Roc9hk5hT/AFCiW2Mk3/wBHqbcFJxmApWsschpWVvwFQmsjlK1qXeZuFRlNoEKU3YaJlaHqLWSbxAVZcsP+UYgKyPUXoEp8htrBvY2r/wAD1Ftb2ch9/IMWMpwnOg+kvL26lZKQNzdizDhmncQcD1eQ9Lk3U5tNhOrcGl+QLFVVCyZVNuIvBOYz5ybrjGwTi3U3lwZVOYkiql82G6oBNiqrcSzJxhwmSVTe2POwTYpNrZQZi1iSqj3G6pbnIM7FE23PuZNCU1Wb9gpt6BNO4y9G+BdXUc3M3F5Giw+soKepElSGVifgaTqpq95D1LEwTWVz5G6qVlKwFh5c5Q6qaa5ixJNxFgrCK1nVlUu1tBTpe/ckqr4Gl4gNZ1RQtsZNcISVEZmxk232HusulZS7BV/wInDzcaRayUlp4uN1Sv8AXOCbbQ9MtNjT0dRIymeBU+0DKbXGz6w6iYmBqYexE7S0Mow4cCtYdVSluLy2h1iOCdNmnOSibbhqR+mVUT+ocOHxYWmd/A2VNw1FpqebjJ2v9AJS0nuwyp0g9fDPqmUxZQmNSlgCTbHoxIemPXQwotORr7g3g0Tdh6ZXrRhzaOcmSizQe2ICvhO4aTK17BWZjCCl7wGH7NYDS0EniNBV4um1yFYwGITiB6m0UrYceQ+LAUJ2d/A0KVoes9BcxA6tZgtOzcQx+kaZRZ6NKd00C/k14+pUup3foU+bGfm5rTkywPU1rxuA5ymzLvg0pOY7itL6eUzfgEuPcE3VgN5ucWvWjzzf3NPjgSUt28GlPex7oPMKMmmRJvkKaiG/qOFh7q68BT92IqrwpaCnLS7+AKwye/sMqptEid0r8mxiUCbFU9O1oDTVokqoUJXGmWsgzsUVVuwU1NmidLjkMvkGdn8PK27+QppYYsp2SNj30CLNUTtzc0uRU2lkKaWNh9Jv0dObO4VDYif9QVfGytSaWPLbhZ8CRo0uZQI6iiaedbQ0zYnTGUxk9xkbOqLOGh6KlNrOdolTi2JHV0khMaomuwdz7iq+xr9w1lYdOpuIXA1PwJTCcLY67t3CdI6v8UV7tDJznAtC5cjpN62Gsb8GhLBRJPGREnwiiXknWHVo0pryx0mrpsyUpyOqb8j1mNPcKjq5NSrwkPTTOLBrPqjT92OsfuBJwtlEs22GsOq1KaUJfQdUxgysNCiX8BrK1lPjIVH+sQwqlqcdhkm2nvYbUUFd32NdtrSfyBLcryNF5gJcTaVS3dDLn6sKW4Q0Rgelev4CTjlGhcBVNrtSa8zaPA5WejTjzoyj44Moxb2DnbnY9TrX5YcbMuwfOB6msrzLkCnsGNcGnK5HpM54NNoUYMFQ9YH6TWp2GyfnkyxxY1u7gV6J5I3fKngDqi828it4jJpUy2cevX/IzY0w1fYtstsMqL3KlTeR6lMhnmIQstaYceB7iT4tKD1XjFyd442MsPY9B5ji/BpciJ3fbQbZlrwOFikamDT7iS+ZgPUl37jRYdVb+yGzmLCWNOIBnYrnegzN8wTmLqGFVWUa2DOxRVXnAZcXdicvKkPU04biAZ2YpPwFOXEp8k1U9DJ8jQoo2FXs2IuEMvsCbDU5gdOMLIimFq4VCTYmXSqdhqc5XYnS01Zj0xF5Hv6Zdf6ony/gcRRMj08iY0ynBSlaYlGlMSuSlNvsgZ9U9KbhaHUxHFgUp5iGUSl3f1FbjDqjSpzaxSnLwLReyWOxWlWJvWMKKTd3acj0prDlAVMYHpp3b7i9o6o0rUjql244NTTiHZMoqKcK8CvbDqikomIGjs5Mkkks+RoeY9xemFrUrStIyU6yGjnsUVMZtIemduF6ZumwxEfkbpzEKRklsJ2nq0vTpGSdlGfoMkk5j6hh90VO2dpel4WWHmVdDJQzeSvRWh0//nBrRGXA2oBGoY5dRaCpjk24gb29gQtq/I9wtF4u35Nfk0G2+eB6WilbAPn4M1FmHpUTAam/bW1SaFEb7h7OAw3mA0fLJNK69gpS7hStN7ASb3cLdJ44qt6zAE4zIG75mAZifBzPZM/hldSFtxAq8mm/A9TYdPibBTlpfnInVF0rBlYTuPUWKJ4tCMo4ETbicMKblwPUYdOztcyus37C4tLhcjTHuPaRk5d4sGYbVmCZuZvUlSkZMKqSdmBYtvsZOVjwPWdn9P1KIyZtuym4PMmlqyehosMtT/AU5VvgWUGW3eQZdQ7eEFRZ+6FUtaQ1L5BFh6Vaw9KStFiathoelOzgEWHlWYUxVq/kNvzcGXXworqH9h1pyJTLuqh0p8+AYdKU547oemlc+RKVh8MpSsTom1jT0qHaClKm4tF4mPJZKMck3pj0NKjPuVpplXUC035KUUuySujO9Ofq/JqdFFdYkCpcrsOuH8md6YmSvLRSmhLx3BQmrQuxSmlqzQvbLutSrNNZKJf2TQpG6VMu4vbDq6NKWXyOlGFY1NKz9R6aY9ifTG1qaYHSi+2g00vUd2GFM2H6TaChLP0Cqcuw0Tk3TtwHplaEYd/cyXD0NDVzY4KnRFvwvgz3nuNF5DC7vwVPyJt/hLTZa4Mtr8jO+pM8XXsi51qSvMODZ0GJdzexU6GMlDw4wZLtcMJaDnRXtIRfGoDg0Kyx7BtdXD2MBTbAVNkmGFlWGi0RdIPYpVKe8hV1Nwq+5GSWIQvRfbxOVidQZNRZAbaukgd0Yx7LhvIXmH4Flq6uG705Q9Ki7qMBTjkCmzZhyosHLyxurt7Cy9RIUhypw6c6Cm3b6iXUXhMZNPdgZ06mId5DiymBLTm3YZXSXsPSNE+QpfLBTmdGVv8AyVKm/JlUNK/4K8Svsamz8laz6MbDTBMOZUYDHBUsZU6iYeGZWiPqKo8v7DKXi4tZ08px9R1bL+CdpmB6W1ZJj1nftTNrdxhKZ/1fm465UCtR1h6Hv8laXpzySVKeWVosleCbXP1FVxA9KaumJSmrNorSkrz4ItxhVKUpunjRalWglQlEQWSlYgz66YdnpV7SuCqUagSlWX7FqU4v4Mr05+qKxfBSlLSsBUu0LBWhOEtE26xtFJ+ClKhy5Mk+cjK0QJj0MXyPSou0LTTKuUpTV4wLcYXRpTW7FKVqWwUpdr3HSi1xemYpLYyVrMCTStA6Te8h6+WdZK14uFLlWQVTfDdxlTt5wP1jOlVLe4N0pWzAySy6sMPThhOtRpOhRJunUQOqbLPczVuJ5DYE6ksYv8iumd/BVpvTsB0q1ip0X3UmljgKTWVkpC7ZB06j3KnWGRJ8L4D0q0sbpSS21gMZhQVO7QS2IGhOF8WC6beLhh9oCd4nGWIhWexkli6Run4GVPb2D2X+lShY/kaGsuQ9LWQ/uL2P28LqqvduO5pu9cC9TaVzKW5mR69pw6YU0vdxkTqcxubhp4THqLDKJlXkZ9xZbdgzfAaiwb/8CvZgVuAxtZKlR1psKwZc5QE+xl2TcZHKzvwZWUS8jJzvDEUK2WPTm9pHqDXvaPA3Iq5hhTVp9xlTJv3Gn2BMWm4cqCtZ1raMb2ya+9jlZ0VDffgZWsv3kCupSc6Cm938j1lYZdm3wUpcKKfkRWukPSm1KfgNZHpnbwMsQKm5vMDU5uTek2KU8bLUxMOI5JUTOrFac9vJNrDtRUxG0Vp5b/knSr2kr6afViTO1zX7VpTmcfgrTOfuLRa8QVoTftyZW6w6+1Enlp3RVKbSLTDXK0UpXexFrl6NQsclklZOm4iS5uiiUkXpnaZJ8T4Q6pm3zYVQrPA9NmpdkLdYdQ9NKpvH1KJSrWESnwPGU1Ym9fLLo9KUBpzCNEQuBla6fwL0yFRyPTTfN0BJ9o7jKbT8CvTLoaVp4G6YsmZK0xLwMlNokPbKhDbC6Z2rchQVHNw9opYj+4BG4sUS8g6W3DH7BXTMSnyBrcIdU3vAYcley3E3TbgDpUPyU6XeZfuDph2coqdn9k6U86M6VF5ZTpvNr3yZU9WJC9HKTp7K4VTHcoqfJui955H6FpfAVTe8D9EPwMqdMPaU+ncfAVTiEynTvpgzonP0F7GvAcAu1mTN/wCUt5A3DfMG72sy+JGVoi8CKFuw6iFDHpWGlzPIUsXFz3kOw1nYeTWSyZdjLlykh6zvyazXcN5uKnKGmVH2GzsHGvoMnHjfYWXv6jKVbi3kesrMGm1sj6ETStnYU6lf7lS/0j2jCgZTpzyKmmsewZ7FJsNM6wwqGKlefkK6ZuwZ2GmFjYacpgU+RnGVYesrBph40UpvwhFKW34HpTm4Ws+odNuHI1NsIFKvI1KcrqU8kazqtNnx5LUxBKldoX2LUp4ZFrn6PS1t/wAF/TpxfGSKzn5L09UJz8Gdrn6mKqyt9S1K1HkjTEOS9E6sRbjn7ilMdrdytHOfcSlJ4WylKayY3py9KU658FaY5vAqXljq2kT6Z0ac5sVUZEUvCKUpdUuwvTKmVx0pcqfcWlSo9x6UydYdGSnGh0m4X9QEsOIbH6ZUP2ZPplRS23dFKU/9VfkFNNod/YdRcPTLqslvEBV3dBS1vgZUtWiLi9MbQ6G8VBVDmykemmchpV7ivSNJ0q0qJA6Y/EFube8h6dIPQ1HoeV8B6Xe3sW6M2B0T5SD1/S1J053b6AVO0voX6HF1PsbpiXGhzstQfpqJi4yom0Fuha+wVQ5v4H7z5PUen2GpoSyiqoT/ALgP6bS1AexqSoUO0jKlcfkr0DL04V0p8B7GoqnQeiX+C69KGZUQ0xXtOvnG8tTgyjJsuHlBhbTtg73tzJbbGXF7gVnCn2CmsxK7j0DdYY1OcApvZ84CvAamz+HWL7MgLwHvyErKw2Epdg3c4uBJWCmoi7+w9Z2DfQyTagDTTvjAyV3+SpWdjeEGL/c0Y44DA5UDEbuw33c0cBtMIrSs0U5vL9gwgLE4D8BOsZ2GpUJXGWO/diqcpbGVm4yP1rLqGop4j4KUxrnYtotkalaF61nYopW8jUufYSzvJSlRuCbWVVofgqvglTbN78FaZh3+CKx6itD5L+mmvBGhWL0ppdPBFrm65U9OluVHwdFCvEEKE21gtRrFuTPqufuK0r3fYtSpUbZKhzJWiInqMbXN3FaXw/A6UxngWlJq8SPSuHeCdjFSlXTuUSvYmpWrzkpTFr5+pHpl0elbd+46TbwhUlzI9KUziMi2ufrDpeClOZEoTyvqPRTaUGsadK8yu49KT0ClPbRRLWxVl01NPcoqYxc1Kw0UppU3T8gwtKqd86GVG0kOld3G6Mf4wyb1jO0nTtSFJtcfkoqHoKoiF0ruL0SSpl+DdH9guqFG7/cNNCWw3CQ6HkK9N/yX/Th2iHkZempH6h6gvSTV1gan08KM4LdLw0hui10L0NR/Ti8W4CvTly0V6E3nA69NfsL2EF6alJwN0Jf9L0+la9vyN+k25+oveBDpv2MqNpQdS9OlS0oM/TvKIvZPmCpRbQMedhqTwk/JkpuftPcjU/kMNZVwU3+7uG2FcCGOApNvOTX5wPeFCjyCayN2RnfC+Rkr23oEVlb2GpdrIy5mwyUu6UgzoqHe77BlRgyXYMdsjZdM0rXQyT2lAIl38+41KjChwPUX5ZSlaEFJZ/Bo7ZDhYGlt+bGu9SGlKcBUu+A3E2Mk8XHTjNuwtKvNhl3Q9ZU6TlPngdWc/XkTFp3wOogVrGmVtexShRE2E/4PSoyp4Jt1lVqW1xfkrTm7mSVBVS+RfTPqK0w+PcvTf/1fJCmHlwWo4kzv25u1aHGPY6KKk8nPTBb07asZ2uezVlZYK06fPYjThNlaJ07Gdc3cdFM6Gi8wxKW3hexWnDj31Bnaw6h6cf2xalXt7E6I2r9ylKsrE1j0eEnfxYpTSsR8CU2sytAOXs1NNNvgqhaUkl5K0p8MGNGlW8XKU0znYKVq3YqqLdsCtxz90aUmrwOlFzU0TtQUopeYI1haCpeWrruUopnCz3DTSm/JSmiIaRNqLS9H+P8AIVRz8FKaHMpjqhvKI3E+k6aW2H9N8LtYtTRKvSPTRaJwL1C9Of8ASavIy9NpXTLqj6jKiMKwvf6o9or0lyMvT08Iv+m+Bl6UaJ9j1qCoScjKicouvSlXQ69O1l4JvY2udenvi4y9O99HQvTUDKh5Sd7E3qn6c69KLqkK9OYtaTq/TsrJ9kH9Mn1/VSvkx3czaQKwXLythSeoZ9Jr3XPhqUsx9RryvsBcrI9K4iMhqGXGBtG8GhrkelTeF2Ck8wClXcXY0KYh/sDOmSuojm4yiI/vsBXs1HAyTieMgy6+hppSun8hVMuem5oeY9hqaYQMq0WvBlCupNfjQVKtAIrbClDvs3TClphm0fQZDSo2GLOJ+DQnn6INKhfkJUWilaVLbZqUnleA00t5ytjpQ4XyP6+GVZXUyOhaVyotkbshM7DKZzA9MTfWCaS2h1f2Eys1Wl2TSgqmu+SNMy5wVUO6Cos1eiZmxaiH2OejiPYvRbujLqOfuLUcLyWocK0SiFDupXuWpeHE9mZVz9RamH5sWod7XJU3V2PRZyyL8sO46KNxgpT3+xOjuVpmYlIzrk6WowylCXaGSoT5/JanEKBMe1KE3orRlNv5EoTebeC1KUp/AnH3dpqaYsWop5VxKab/AFLU0u72GufumoptwVpSbj8gpXtyVoSWHbJF+XL1Ropspj5K00w862aimLlKaZv/AGCLWVuMlMLXYovTtYNNKxPgrRQlH+NiLWV6JTTEKH4KKlQOqc2uOqHF3ZkW6jU1S9KEP0znTHpocxmWPR6bwyLSvRF6b2vYen05eCiojD+RulfwybS9EVHaEgqhT5+hRU9nJRenv7COVJenD/YZelrZVUc0jqhzki9KnSVHpJX+5RUJrFiioePsUpp/skddC1Femt3kz9PEQdK9O0QHofUZXtU6fHbSacP4BCw9DOJkKs7rJ9Zr3pqVEcsZRrRlbgN5HqL9ssjJN8SwJTuwylJpfQaaylw2USm3JkrtZD9wlZ9a0fHyNTTF37mSlcoelX1Yfz+2XVa+G2GODZ2FKcr3YSsrWvFkaFmNbM+nDbClNoi+RoopbbGhZv7aAkrRka6iZBNuBG3e41r2NDdNrDJQrgi3WpV7MZLt5N0pKV+4aVVtAytaIxHuMlxBt3sH/Ln4QItHi2xqY8dwKydtjUrUYBnT0JOI/Yqubk0ucRoqsK0CqTUNpzL4uXpwRpUZWStFnLSh6M6x6mrqFt9itFUuIIJrmStOv8SL8ubuY6KXpx7lvTasktwRpbjZX04dzOxz9uhditHbLJ0w8YnJX0/ojKxy9qUJyXohxCd38EqHMOxakTn7Uo1EHRQrSRoTeC1CsoUMHJ2tQvvwXoUKLkfTpfKkvR2RFrk/J/ilNO4+S9NOFPsToW3CRahWhGeuWnpUwkpK00xZtxoWhcot6dOmTrHoaVFt7K0UyCnKkpTSogzt1j1bRVM2iPuUppbW0w0pZVvca3/CLUa1NLVrDJLt7mSvoeMS8E1OtTRhjqhpS4aMpTh/9GSsoSJ09ZUyx6aUtBSXKbGp2RaesqXHYZU2t8hU2aQ9MOzX0M7aetTRb8FFQu4aUvEDJaUmVo+wjiYC6E+LDrj84GhLdsmVuqlfGdTyzRfl9w1Q7x3DuI9z7J77RVl4MlfODQ1p3CleZ3yKVNG6d2Uhc9sCLfA697cBpUYGStdgpScxYdcRCK1l1WVOGkNi9zK+PgOdLWgY9X9NjlBVrf1A7fkZJ4RUv9Y0U+Q4TUT7mhLQyS2h6llhoaFe5ovZq4yU+wajqglFXkelRZQzJPLuHGEPWVaGlYy8hhWYy7q4M7QtaFkMQoV7mhS72YVTCnfKBFoxZLjIyTe/AIvuRlzfgEHpnKsyivsnmJfyOlfPwKiqK0fJWnMe5KlKJK+nLvYixl1VaYeilDaczklTBShwrGdc/fy6aGm05Lem2r2uc9DzfBanMkVz9/Tpob9ytOYsQpwky1Dm5nXJ26PTbcY7F6HL/Y5/TdrfYvTaNkOfv6X9NxGS9MK0+xChrJdSn9AcXf2tRMSlBelwlyc9F1d34OiiHb3M+nN+SOihrRZUrBz0PsXof1Irjq9Fmi1Dlwc9NSstlqKowvczrPqLU+MFaHm8qSFLXD5KUVWxohjeV6am7q/JSkgq52k+6KqpPRFR5Onfqd0uB04cuO3dEp7xsacOMbJLFkx00tkOvED01XUU/IqPK9tbCm4/skVXiB1WjK/J4tTVqWylLTj6kFVtv6jU1syvwWOmmp3tiyHT73ViFNcPMD0Va9zKqkX6pd3cdPXFiKexutJQ9PghWPjn2Bt2DeYygRaD7DXvlEZLxIqmV5Gh7j3GmmTiJshk7buLC/thoxCgcR1TpJKIfyMo6bMWmJtZDJSruBsuqZPsg+4FjEBWbAyopdsDU3m7ApvDQ6VN5HKyopJRa2cBpXD/AINT4uMv8tAmtEu69kOqXpe4qnM3bHUxfQay6ZWzMvuGE7cgjsx0k1PA5WVZLJkloLtfM5uFcJQytZ34ZWi2QpN1K/uaGsaG6UrOQ1FoJJQ2NSsdu5qVjY1uIGTJTD5KJxgWlf5WtcbPIFTp2uUpa6mteCdMJXUX0UTkzrK/6rR7RGh1F11PyJS43CHpm+CL/jHr4XpcuS1LfZHPT2L0tNSpZnWHS1GVwdFFWuDm9N3yWoqay2RXN+SOn06tO/sdFLlTJyUNTN584Oih8tEWOXqOimrnZ0+m4WTjofdI6KK2olwxOT8nPy6KGpvMl6HS79uTlpqShXaLUVJQteCL8uXqOqhx7nRTWpf5ORVJ2j6lafUjKvkzrm74dVLeeopTVZQ7nNT6neUylNXgisby66alD/A9NTOSiuNFFWsyZ1F5ldSam9l2HprXjucqqhjqvjRFLxHV+o40NT6jmN+TlVV4mG3I/XDn7kpvLoXqXvzI1PqZucq9R7GXquVgVmjy6lX33DHXqO7nPJyU+ry8/QZerHuRYLw7Ka5y7Dr1PEnHTWsp3H/UkzsLy7FWlfBSmu917HEvVjeStPqY3Jl1MPy7qfU5Yz9Szvg5KfUhZHVemmZ4Vj5Gs7dzd0/qbtn2N4PrZXvLYu12GpUuLR9gJvQ3h9hoFXWR6V2ci0zm49I00f8A08fA6ca+BEm7NIdbtIMrDXeg25Yt8tDKdD1nRte/GB6ffAk2XwOu3gNZdG7NSPaBEnENjpTCWh6imid50NjL9gU93byHV/qGsr/jRqL9xvYCUKcpZQyTXvkNZdBeePIy8mV20kNFoUFaz6GlwpxAyjpnAE4u7Df2QZtTDte41K42BPgalrx2HoGzw8GSbUAXgKzhBaVOpnA60lJPOE4KUuFP3Jt+UdRVN7wUXZdiNNU5eylOFEckVj3KtTUy1E8kKXh9yqby3/JnXP1F6WX9OyTscyfm5X06mniyM7WXXLppcO+dlqKlFtHPQ7RPyUoa0iK5euXXS2rFaXuYOahyrp+5alxebCYd866qatTJWmraX0OWmtRorRVNpJv+uXv8eOqit6nsWprWZONVReWUortmCLGF512KrCKUV3nZx0+pdLJSmpZZFjHrh1qtrM3HVdsnJT6kYaHXqrkisr+P9OpeotsK9S0cnI68y4GXrNuz+hOJv43Z+ol/6j2G/VtMnEvVe8jfrTLesE2Cfjda9WXMygr1X3vmTk/Ue3AV6iiUTYP+bu/VSCvVSd3/ACcS9S1mmhl6mI9tCwvFdy9SrTb8DU+rCUvycP6rZWn1Zd2zO8p813U+rbkpT6is+pycFPqPWytHq2hu3PJN4K8v0KfUWJ9xl6qnOdnHT6qqsmx16iyZ3ksfLTvcEfcxtW+59JHuuDdLIU44TWxUvAyc2TKZ06envuNT0ttyhE2lKwsjqf8AjFqaelqbPyMnbBJOblE96HrKwya4yxlE3sImnfIyS2xs+odVLXuNTZ/jkRJT+w2d7BlYoqr5VhqVwn+RE6cJwhqfDGhTqc34wHuLS75G2OM7GU4THvxM7FxlXHpTavYGPUa7Y2bz2Byp+RsubtRiR6zsFNqIGStCm4qxZ/UZOMMes7MGdOHFhozItoswyla6CEayCnbHuD2UBvAb8gaW1jHA9PCYidsj030xWpp6alHbsUpnJJXhwUpx+SLWdilLSiVYtQ3qYZzpyUprcyiKx64dKqiFkpROG1EEKa5V4gpS5RlfhjeXRRU9ItTUmpRzUVNFaKoWyGXXGuqmpzmILUVJ5xyclL4fyUormM2Fbn05uuHVTUla+ZK01v8Ak5qa4yyiqhyZ2sOuXUquPoPTWmpscqr1ryOq1EexNvxjDr8bqXqXvj2GVayc69Rq3wwr1NKYFrG/jx1L1VaasDL1ZtK5Ryr1cpsyrkPtF4x2L1Fp3g36lse/c5H6lpkPW9sjE+Y6l6i5YyrtKbv2OP8AV0n8jL1sxf3CxPiOv9TfVkP6uvozj/UnLCvVhXck2H4dq9V2lfAy9W9mca9VtqR/1Z3cixPh2L1UmoeeR6fUpzMo46fUTahoamuL/IsK8O+mvh/krT6zzBwU+rNitNcu7v2JyM+uH6FHqLlyN1tJXOKn1O7HXqXhC8sLzj5ubWwLtgzhObe5pwpjR+3K9yz4HjQU+El9AXizRk9z9R6mxSlxYaZtxkRZs7hTGj7PS9x8Dp5i4i4Y1Kaf7gjD0vuN4ETU2fiBk13QM6aYanHgZO6jvAicMemHnyP6Z2HTjAyvaWJRdSx6bY+o9kZWHp1C9xo/gSlXsOlD88i1Fh19ArzYVWD9x6y6inixqZSjYqu3eIHTnSsPWVgtxrAVKdko8gS7+4Zi0bDfhnhupPc+Ap2zIk3sNucSw0sNf2dwqeIJpy7qPCGV3aIDSz9GUrCHVtk5WHAfn8C0rP6qnDS1yPTy/JFO6n2HpbeiLU2aun/Y0MnN19SSqjfbI6qT3bgi1N4/iyqa39C1FVlD2cyqa/kpTVCjm5nrLrjXRTVexWl4Sk51UlNx1VDUwK3GN4x1U1ypZVVTh/Q5afUe3YpTVa28EX5+WPXDppr01cen1GnLb7EE5UyMnGFi5FYdfjdNPqcjqqLT2Obre0p7DKqxFY3h0qpq/shurWs3ObrvLWB1Xx5BleV6a0ld+6M629kOuXHIetb5Ez8L/qTZWN1wokh1p3TszKv5H9ov49dH6mLm61OiHWmjdatdiH/N0fquzGXqNnN1LlqQ/qRhy+RJv43Wq8TIVXjNsHKvUq9hqfUehZhX8eOumtplF6rtfNzjp9WXBWmvnIrGV4x2U+r7lFW3EM4etdytPqpYRPlnY7afUURJRepw8/Bx01rbHVe9E4i8PAJjgDh2b+oW+RXHHyfrPa4ZdkFcwLKcefYKa7pjZ9Q6drwFOFyIrDKqFe8laywyve9h1VEqJ0Tpf7MdNptpD3SsVlW+wU+xOl48jT2yCLFBk0paETSUpNX+Bqb3BlYdO/sOm4tklTHxyOo4FrKxSlvhDprEk6anF9bHXCd9ClZ2YcZNrWeBE24nXIf3HLE2afunkbq3knLzoNLummO1neVG1j7oabyyfUptjEBbhqEpSF6qfB1PzsMuZ5wJ1N5dgdV9j0ePg8pZ0MqnZZkm2paaD1L+A39J8KJzgPVNUbJy1P3GTfJFo8qTeR072wR6pf8AZGTpVpI6peNVpqSabbvspTV/8kE+XgZVPqlZZOpv43TLWX9BlVaKdnPTXD7lFVhW+DO9Iv43TTWlcpT6kuzysnNTWu49NWyb0yvDrpY1NUWb9jmprtZxGitNcPa/JPpl1+PXSvUmXdD0VtYvJzqpq8dhqa+OMk2ufrjHQqoG6nqSCri4yrtd4uLWF5Xpqi4VUnG4Iqpy4mOwU+7uP/WPX49WmNm673eCPXql/BlVDvvkpj4xZ+o8R7mXqRuYI9Ruuao7BifKy9SXkPXDlRbJDrQepbAeF+vPAf1FEpa5IdUbMquWIvLpXqOLuR1W3/05VVYemvTV/IYi8ummtzZspTXfk5VU0rsoq5Uprgmxn1w6qfUvYrTVucbONVWwilNdpck4x6/HrrprX/qClPqXT4OSn1E7Jr3KKpO5OMrzY8Obn2FbvyZz7I04g/ReyzMGlNBnuKlLWLhUxZKJ4KlK/PwZTN8B7IVRobKvPyG/Kc+BXAyq9xJeuApvb8D1Fiie0h09N4Jpy1f4Cqk72DUWLKpbsMmtMlOepMdVcO4am8yqKrTHTlWf1JJzljKVVZC1leVlUt6Gpq3BJN2bV+w1NX95DWd51WmYgacLP4Jp4tgaltj1leTpp7QeppT9xJWDdXeRanFLv+5MqlifrZC9TW/3BKVmFpZTTq0jcy/yTXv3DaY5sK9DDqrcaAqkk0vcDbygKeUF6Hk/VDXfAyqvslO3nAU4i6J0eVlVLz3CqtbZGUpkZV7TajuIedXVVx5WSCq4GVV5gztLziyqb0UpcRf2Ip6jxA6qxeDO1N5XVTxKlFFUnMcHPS3MFaX9SPX6Z9cLU1OYkqqnl7VznVSxjwUpq5gnWHfGOmmpKyGT3JBVOGkUpqd7qQ1z9cq0u8jTFMrLJSuQpqIQa5uuFVU8BVWEST7fuHrSwVL/AFhYoq4f+SCq0oSf8Eurf0B1WiG7lz7Z3j+KqvpU0+EHr2miMg6pxyUV4X6pV2vgHXEXvpEp7bBMZfcCvC6rqbz+4yqnDZz9flMbqUeOB4m8OjrhKZhDqq/g5lVLlZY9NWMoLGd/GuqmU6ul8cnOqn/9MfqU/gnGd4dVFfD9+B1Vy4jRyU1w5sUVcb7kWIvLqVV/yOq2c1NbaiUOqm83FjLrjXjbTmZFah4wNVZ4FzNn3Z2a9dgqAxabiqG0njkK5bd+A1ODPDgMp4BiOexswx6Vhk55GTs4kW1KCsTORaiwybVhla+CaaXHge2gtTYalruOpW1nkmms5Cntx7C1Fi1LhqBk294ViVLvMSx6arc+w9TYpS7XvAyffuTWczORk43AtReVZmfyMmosyacdo2GV4/cGd5UVUOEmHqi04fJNVabhhVV8hqbwoqoUueTTtCTzgLqncQGjyZPHbKWDSklGSctuHsKqtgQ8HmcrNgzxCRNVYcszqy+3ADwp1Ym5k4eUicuJTCoyGn4VT2mZeROrx+wZ4uRac4xRV4uOs25uSsh6XFkrmdqb+PVqW2lwUpXCOemp9vgrTU7NfUztReFpj7FaXaODns8/8KUO7/JFusrzjopqn+6HTSsmQVTwUpcO/wAEsuudVVWIK0tpaILn7DdXceuXvldVpvuUT5wc6q3ZIoqpcpxcuVz9cqJp4yFyrw/cnL8aN1aTgtzdcH6t/Y3VKEbTiwOrqbwXGd5NMXtbJm/8pWRXZ2F6sTaSs1OKdUvsZVNk+pSpmMZMqsxPcqQWK9SWZ7BT04Itw7XgZVWzPsPC8qp8PsPS3kgnHkp1W/YMTedVVXK7XY6rc2syFLv5GpqSwybEXh001dhqW1jRzqqP8pkemuZTfcjGHXLoVb2OvUby0jn6pxAyrb8CsZ+XlFWZwCOV+R3KwKlOzoerQq9pCsw1fIXDuDmADSpCr6NaIeJClFkBWa1ndWDl3l+AK7G5+4F+2/c1vJrTBs8+ARh5Mn07dxccBTV8SCc/iidrtdh00Rxaw6qfOdgi8q0tSh05iV2ySXtwMpy8AjFE0kFO+e6uKpzMms9eFyLSw6qac2tgMxDJzH5Cm8i0vMOqm3gybb3GhW+6RpnOOwvQ8wyqqz/WaZuxZtNzT2Fow8r/AOo2ZNZSfcSVP7mVtNC0/J1VywppbkSbOWZObRkXo8Um9/sOqrS5lkp3CTGpd72JtLFU+HgZXza0MmntL+R14M7dLDpxoqmtsgmlp+2ilD3Jnai8r0VRSkilLb/uCPeZK0t2lLBDHrlWlubVZKKqLWcEU/qUpqbunP4Bz2KqpcwhqXfsTT7jp2G5++VE2pUZ0MnLylBOYvYyqbtkuVzdcqz3D1Zc+CfVlSbqv0pxBpGHXKiqnOQOqcqwjtv3A3MXNeYi86bqSvIOq2kLOUDLkuJvJlU3xz4C7rAnwZ+KslJ8fJ5aYVU//pck5erJIybypgYvC6rXI3Xa3tBBPYVXi4M7y6FWoTu/IyqnBDqhTOdsKqd3TdfkWJsX6u4yeJ+xDrSuPTXL/kWM7wvTWnbb5HVaUttwc6quOqnjQsReHmzU67CulQoGa7AfbnRb06QuzNLMD+HkDxM/yLTwKZzEhavk0NYXyzPuw0rB78mfZSaeLm4sLUY2f5CpkGg5dx6WNfYU7rEmVjXWXNhSlgqW7IMtZkXy3ca+Jug35TZp1nAZnMC97ewU3HbYaiw6fZdxsXd+ETTy/oGbwTqcPKcNBn7CJ72tGnDz4FpeT9XY3VF4gVNObgltZsLT8qTaLexsu/04FypNOL5QrS8mxybc29xZeHaxqau5Or8mjxmQp7d32FT9w+6JtLDqq3kemXclO2xvsK0rFbuVBRPc47EaXezwUofZEVNiqnsPT5jwSTj/AKOnZMipWoKUu9yNMTGPJXqbx8QJl0om1HyUpe1jRJPhdx1M8aBy9K0uYc4GTw39CaffAybhXnZUY9c6rPjnJlz/AFCKpZwGfE+Co5u5p+qVyjTaUkI3D7hbjEGnOsLDahGbjgWW/g08m3KLyKan9mBtyudCzGELvz3NIPJ+o3W9sR1Pz2YHW/8AZoZecV6liNQZNdyPW8Jm67AV5X6lt4D1TbXcgqk+3kZVf/qwkXhVVSoT1sbqi8xJKmriz5gZON2GzvKqa3L8D0vuQVS00FVfQE3h09SXN9SN1LRz0u0JsZVyoSBFmP4NoUerClJgSfwRa9IhcRGeDdnAUvua6TtAtGAks/Ac60Zq05k0LT8hphdvIYh3QUkwpOyWri0rCxGwQtP6D6S+pocXgJ0nyDSi97Ght3sjZ5N3Wg0vLJWyrjSkBPvgKSjz2HqbBSzfAU4uBPLceDaXULU4Zdg9STYE413MnNu+WhWpz9DMwZXcyCW83vAV0rdtBaMGFoyavb2Na98exoXhEjGlR3DMt5/cC1NuDe3sIY08O3gMty/yCL/1gQqMPKm2QpvE3Fi6+4V8sinfk99hnyLNlLtwZOeVAk2KU1Rdt55KJ6cElD7D0uHb4EjpdPlx2GThzxkkn02TKJ3TSIsZ1WipxkrTVEKJIUVRZuE+49NSeriZdLp9x1Cd5gkmlfuPKQObqfpRXQycpSTnlhVSWioxsWTt/i/YMzdEuqLSv2D1KILxj1Dza3MGVSYjqUX2ZRn3NJMYXk6qiyqk3VzwLK2rICqNYzswZcRwBuEK6lnkE7bLhG6m8LAJeLiN3lQFt3bRQMquGamq3Th5Ewre5v8AoA/VyHqa1PsTVTYVGnjYFiqaemhuppfuR6lzdb7h6mp+8Am8/wAWpqvd3ngemppXmxz9SmwVVOQTeXQqvGAy52iKqw2/CCq5f9uCLw/kGlG72RonEXW+CjSbdwYtGDHY9AI5+do3SmnPwFU5TVwwqroVowElw4B02f1KRCsp4BCiYTWg0FalTh9wJTZTYoqUrJL3AlDwK0EugLY8RkCTuw0Fv1Oxo1vORob/AMoVgKltuA0sbtvgy8SjYcQFdSVmP9fKc1nCt9eTTNvuaHDaiTYmW85Yi8ipw2wzFr4FXgM3mRC8jH+NvAcOEsGmY+QfsJPnRb8eArFlHsCbXMpi403kZtC+plLTeASlKYVE2TD7GN8MET54GhP9kZZQtGNHCDn+4NEbDdewi/bJMaefoBK0BVr2ssE2JopvwOoyn7iUvalFE4StcVZ9U9Lj/W9ilOeCSvFh6YlN/UWM9iiaUMdOxNPs8jUztE4jqrUu8RoddrNkaW3h35GVWFISaw6WTSwNPP1JdTbs/kPVFpbKkxh0pTUoewy4EVWIalhm0FyM+ppurh+xk0uRJ/YPUoNJGV5P1TChgbvdyhU3i0/AHUmaSYyvJpcQCZ7bA8+e4rq5/wCFxPnTyucAlTeGJ1KGheqE2/kZ+VZnFpNKT+hLrU+OQdUOZzoCsWVTfg035JdSu/6gqu9gLzqqqTwGUllknVtMPUruMWArziicXWg9TjJNVzOvyb9RRkE4qnhptecDKqd7yRVaePqFOQHl+A35nwLZZko1tTAqT+dHO+6kKgw5ceB+ly5QWqZjHuIYWNqwHSpHjnQcOyFaWf1OP5kFmoiOB4htpGjNlJIxNrsDpu38SUa0BqXhscowkbSA03lXRSE80sCTShIrSJEXho0TEuRko/c11aUg0FnkHbMj21v2FvmNAAi89wyogKW2ZJ4wMsZralGmYDFpaYECcaYV9hd9WkyT/wBvsFeBFYGvzkOuqbmUZ0w+0ElY3/qFcaIyDMToyWVoECp7OA2d8wbIUo/6Ca2QpXyZLU6DrwKotFXt8BXi/YC8odL/AOmscCZ0aYcWaXYdRmRbv2GSiyTgE/R03vAU4FSeedjcXYZrHo67/QZRaLk03jm46dmshjGqJ214BlXQic3VuUFtZi3BcjKqSmpygNtO7tm4nVY0vkciadO8qEFVN2TWRJbdwdUJ+bFyIsOm7GTlWEVfC9gSpcNeC4i8qNt5TWhG7RvsxZmbuwrfuyoU5U6nfM+QdesWElsDexn40/VqHAZvZ9vBO1zO4HeTqq8hdUpfBPJpbyBXhTqURFt2Mq5vJPqmzbN1NRcE3hXraxg3U+Ykkmpzg0ub/I8Lx8rdU4bYyrwp+hzpxpDKtzMxoJC/5vz3StgiHYM7u2a2kzmfa8xkoWY8Ga/yZvp7GSnZN+jyxrKxvIyUPCBxLJpYEd/aTNcBhasoM+7mUH2LCx2+DPloLv2NZfIJzCul62LEaXsUatZIVqPPgIWFjlWA0m47DRO9mSVo0UMK0uLgSvZWHqW+AZGkrXLNDqtgZe/7mS23dDAQ4aUgUcW4Gs4bvILY4Ar8sllmi8NaDCcBmffgEXQfEMKvafoa/a+TdKte6sCdwWlz9AtTk0cuQx88oWJ0EmsP6DJWhJg9lwHvjuGItFcxcKztGhaljJPWOAxFaLy4kbERkCxcalJTyRjOtFrYQ0zZ4kyWZwaE3MuUGFTzK0bctwL1d7jah+bjxlRx5GTc2TFT2rd2ZLx7jjPqGdle0Bm24FTtyZNYwV9MbN+zT4cG6lx7oVwsoDsrFSIp5hJN9wWTcNi5zcLni5UmEPVDB5u+QSvbwad+1i4VjS3lo1outwa/neRHCdm7jKQ3Vr8gdSSzkExYDczexRyC5by0adNCzGxW3GX8BisU6s3A6l7i9TwL1d74FgU6tuzzYDql3SUCNu7B1RYJCxV1vldzdd7cEpeQKpsefoYqqol5XA1NSwkQTXElE7jGOad5D4Fvsyax8nHa+u5h+qcywqzjf1FTk1m34F9qw0XmAxK8CricmTvGEK/wsH7GcTq5pvY3YeJxmtNRcDSU3+BoeGKsqI7ChYEL3A4h5gZpvRnnI5Cwt720Bq6sPDj8g122PCwva3yazVxtQBpO4ysLzx5M1I0Talm6e4IswsJ4Ro9wtNX2G48DROzRa+QpQ2aFyrYDEWfAQ4ugm73XcPS+EGIoKIaDF8ewIf5GSczEhiLQhvK90Mk/9nD4DDXkalREr5Ei/JUr+B0nzbJlM83ClzIMr8NTES0M0ojZktvAyS+QzUlXH1kMNKA2UqF8BSTswzE0FwFKxlPLNblJjxFozqAPXYyiyAkm7fQMRTe5u5uLmWbaLxnZjPk3fHubxIHruEiaPhGnQt40C6WVyP7RYaWrQCWsR+AYupcmbVlf2ZU+CwX5fsK3daN1J02XYE7agYxup72Bu9/oCX7IDiYuUBvCFbd4hmA4umM8aXtyCb2UG3DwDuB+RxjYOprQG+NcGmbyBYKqtcWZ5waVODK9re4xgqVyNTV3/cn2TGTtEILDz4S6kna5nUnnXAjabuZNe5w/t9dzFU+bIKfGE9E54f1GTltiVYeVwZOPbAqq7IKc4D7+Sw3V2NL059gdpg3CvgCwZ3wbqnkFoNtzA8KzW/qNHhmmINZZKTYz7fY35B1LkOrICsz4b6djI08Gv4KxNjKfacG5wa3KMvHyCawb/wDAQ/qF/wB7DxDQ7ZM08dw9MWswq3uGFQSUQg4aQ1MbDF84HjOwqWJechVMOE8h6Zdvf4GiyjYYzoUpKyd+Q9KmHDY3TT2QYjAsRSpJd4+4yUhjcK/YKVrp3DGVBLhBa5UhncmxcWJB/wB8GUf9Df55M93XuPEVptoEIKV7aN/wMTfpn2BhS5C1e6Alv8lZ8JrKVoM9wPsHOG48D+02BLzCNaYdzZtIGu48RYW3LD3Mk5lAqfKApBkRtQmxnDlKfkE/yxlgXnxsD3axnOwOLvAFjVO8ObcsXvZryap4XcCd7KCledZtt9wOp/tCNKFss/crNOcmvCkE7B4wDWYuH2fkXF4XgFrR/BovF7mbiLi+h5aVOWZ3234QOpmxdShljSqcjYQjvcZSsK7AWOd1RMO6NOtMDhOXdmStf/pw19ZzVE9JYMoWXECqYsvA1NrwCtMnJk1q8GtG8SFK8KUKQtaXlKJsGXzcEJXwGHE3Y8TsZ5vY08eDW1kDlO+kOFcHqu+YNPKMl3mQPPuP7K4Mw3EGledmax0oySni8FJ3RXlhTT2wWTuwxZOGCbYKpcd8gjUG1n5Nof1U1r89grwFK3k1lDRX2i1v9sR7jUxlQBU/YolAJrRfu+4yVog3SsTcZU+IbwDO0ISYUu79gqmVsMLgM/TO0IWJfcKpX/UMk1dGVLntkIzoJRZWApxe5Tv9jYiUmCL/AKWE5NC2N0qU8Pjg0cLGQz+oBz/BlHGBlE9MGhalwPLib8Fc5wbjpz9wtc5C1eytkMTSOWrPuDxrZR043xAsdUwoGnSmgbpj32CPH8jSFrxKBDWlcZr5XYGM2YFspXnAHCV85GjdkZ0puWBZCwtfIrs3LHqp3EdxYe08YkMHklXMr9xWo4keNNga1cqFPgjav3FdrLkpuZFan9xxUK7a9he4+s42BqXtQyjK9qAPhP5GhpSwQ8IADe0CPOQtRNrmacXUhn8AO6tsChWbYyTy/eDJXhpACz5hDLPfuB0qzkCTTlIcK4//2Q==);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
}

.preload.y-padding {
    padding-top: 24px;
    padding-bottom: 48px;
}

.preload > div {
    filter: blur(2px);
}

.preload.hide {
    display: none;
}

.preload_header {
    min-height: 64px;
    max-height: 64px;
    width: auto;
    margin-top: 16px;
    background-color: transparent;
    display: block;
}

.preload_top {
    min-height: 156px;
    max-height: 156px;
    width: auto;
    margin-top: 16px;
    margin-bottom: 24px;
    background-color: transparent;
    display: block;
}

.preload_box_small_container {
    display: flex;
    flex-direction: row;
    margin-bottom: 14px;
    background-color: transparent;
}

.preload_box_gray {
    display: block;
    min-width: 94px;
    min-height: 136px;
    padding: 8px 8px 8px 8px;
    background-color: rgba(0,0,0,0.20);
    border-radius: 18px;
    margin-bottom: 16px;
    animation: customloading 2s ease-in-out 0s infinite reverse;
}

.preload_box_two_line {
    display: block;
    min-width: calc(50% - 8px);
    min-height: 60px;
    margin: 0px 4px;
    background-color: #fcfcff00;
    border-radius: 12px;
    animation: customloading 2s ease-in-out 0s infinite reverse;
}



.preload_box_two_line.medium {
    min-height: 120px;
}

.preload_box_two_line.medium.extra {
    display: none;
}

.preload_box_large {
    display: block;
    background-color: #fcfcff88;
    min-width: auto;
    min-height: 249px;
    border-radius: 18px;
    padding: 10px;
    margin-bottom: 14px;
    animation: customloading 2s ease-in-out 0s infinite reverse;
}

.preload_footer {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 60px;
    max-height: 60px;
    padding: 10px;
}

.preload_footer.y-padding {
    margin-bottom: 48px;
}

.preload_content_container {
    overflow: hidden;
    height: calc(100% - 345px);
}

.preload_content {
    border-radius: 10px;
    height: 100%;
    width: auto;
    background-color: #dedede22;
    animation: customloading 2s ease-in-out 0s infinite reverse;
}

.preload_content_header {
    border-radius: 10px;
    background-color: #ffffff30;
    min-height: 64px;
    max-height: 64px;
    width: auto;
    animation: customloading 2s ease-in-out 0s infinite reverse;
}

.preload_content_footer {
    border-radius: 10px;
    background-color: #d0d0d022;
    min-height: 38px;
    max-height: 35px;
    width: auto;
    animation: customloading 2s ease-in-out 0s infinite reverse;
    filter: blur(2px);
}

.preload_text_small_content {
    border-radius: 32px;
    width: 25%;
    min-height: 14px;
    margin-bottom: 12px;
    margin-left: 12px;
    background-color: #dedede22;
    animation: customloading 2s ease-in-out 0s infinite reverse;
}

@keyframes customloading {
    50% {
        opacity: 0.5;
    }
}

/* PRELOAD PLUGIN */

.preload-plugin {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    background-color: #f1f1f3;
}

.preload-plugin .preload-plugin-header {
    height: 80px;
    width: 100%;
    padding-block-start: 16px;
    display: flex;
    flex-direction: row;
}

.preload-plugin .preload-plugin-header .icon {
    width: 24px;
    height: 24px;
    margin-inline-start: 24px;
    margin-inline-end: 16px;
    margin-block: 20px;
    background: grey;
    border-radius: 50%;
    filter: blur(5px);
}

.preload-plugin .preload-plugin-header > .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    filter: blur(5px);
}

.preload-plugin .preload-plugin-header > .text > .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: #010102;
}

.preload-plugin .preload-plugin-header > .text > .subtitle {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: rgb(102, 102, 102);
}

.preload-plugin .preload-plugin-body {
    flex: 1;
    width: 100%;
    overflow: hidden;
}

.preload-plugin .preload-plugin-body .card {
    display: block;
    height: 240px;
    background-color: #fcfcff;
    margin: 0 10px 24px;
    border-radius: 18px;
    flex: 1;
    animation: customloading 2s ease-in-out 0s infinite reverse;
    filter: blur(5px);
}

.preload-plugin .preload-plugin-footer {
    height: 60px;
    width: 100%;
    padding: 10px;
    display: flex;
    flex-direction: row;
    background-color: #f1f1f3;
}

.preload-plugin .preload-plugin-footer > .tab {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    color: #01010266;
    filter: blur(5px);
}

.preload-plugin .preload-plugin-footer > .active.tab {
    text-decoration: underline;
    color: #010102;
}

/* Tablet Handling */

@media screen and (min-width: 589px) {
    .preload_footer {
        position: absolute;
        left: 0;
        width: 72px;
        min-height: 100vh;
        top: 0;
    }

    .preload_content_footer {
        max-height: 100%;
        height: 100%;
    }

    .preload_header,
    .preload_top,
    .preload_box_gray,
    .preload_box_small_container,
    .preload_box_large,
    .preload_text_small_content {
        margin-inline-start: 72px;
    }

    .preload_box_two_line {
        min-width: calc(25% - 4px);
    }

    .preload_box_two_line.medium.extra {
        display: block;
    }

    .preload_content_container {
        height: 100%;
    }
}
@media screen and (min-width: 960px) {
    .preload_footer {
        width: 340px;
        padding: 0;
    }

    .preload_header,
    .preload_top,
    .preload_box_gray,
    .preload_box_small_container,
    .preload_box_large,
    .preload_text_small_content {
        margin-inline-start: 340px;
    }

    .preload_box_two_line {
        min-width: calc(25% - 4px);
    }
}
@media (prefers-color-scheme: dark) {
    .preload_content {
        background-color: #01010222;
    }

    .preload_header .preload_content,
    .preload_top .preload_content {
        background-color: #ffffff22;
    }

    .preload_box_two_line {
        background-color: #01010288;
    }

    .preload_box_large {
        background-color: #01010288;
    }

    .preload-plugin {
        background-color: #010102;
    }

    .preload-plugin .preload-plugin-header > .text > .title {
        color: #fafafa;
    }

    .preload-plugin .preload-plugin-footer {
        background-color: #010102;
    }

    .preload-plugin .preload-plugin-footer > .tab {
        color: #fafafa66;
    }

    .preload-plugin .preload-plugin-footer > .active.tab {
        color: #fafafa;
    }

    .preload-plugin .preload-plugin-body .card {
        background-color: #17171a;
    }
}
@media screen and (min-width: 960px) and (prefers-color-scheme: dark) {
    .preload_content_footer {
        background-color: #00000044;
    }
}

/* Dim long press popup on tab devices */

#ux25_homepage .standard-ux-component__floating-action-button__icon {
    color: #010102;
}

[data-color-scheme="dark"] #ux25_homepage .standard-ux-component__floating-action-button__icon {
    color: #fafaff;
}

/* Start of Handling Full Screen Android Activity */

:root {
    --st-space-inline-camera-side: 42px; /* for mobile landscape-primary, camera is on the left */
    --st-space-inline-navbar-side: 48px;

    --st-space-top: 24px;
    --st-space-bottom: 48px;
    --st-space-left: var(--st-space-inline-camera-side);
    --st-space-right: var(--st-space-inline-navbar-side);
}

html:not([web-version])[data-orientation-type="landscape-secondary"] {
    --st-space-left: var(--st-space-inline-navbar-side);
    --st-space-right: var(--st-space-inline-camera-side);
}

html[keyboardVisible] {
    --st-space-bottom: 0px;
}

@media screen and (orientation: landscape) and (max-height: 589px) {
    /* Mobile landscape */
    :root {
        --st-space-bottom: 0px;
    }
}

@media screen and (max-width: 589px) and (orientation: portrait) {
    /* Mobile portrait */
    :root {
        --st-space-right: 0px;
        --st-space-left: 0px;
    }
}

@media screen and (min-width: 589px) and (min-height: 589px) {
    /* Tablet */
    :root {
        --st-space-right: 0px;
        --st-space-left: 0px;
    }

    /* Add bottom space on .ux-app-list-container to prevent overlap with system "Recent apps" on tablet */
    html:not([web-version]) #ux25_homepage .ux-app-list-container {
        height: calc(100% - var(--st-space-bottom));
    }
}

html:not([web-version]) .plugin-page__header,
html:not([web-version]) .plugin-page > .plugin-page__action-bar,
html:not([web-version]) .vh-mapview-tips .contents_wrapper {
    margin-block-start: var(--st-space-top);
}

html:not([web-version]) .wx-context-menu.wrapper {
    top: var(--st-space-top);
    bottom: var(--st-space-bottom);
    height: unset;
}

html:not([web-version]) .standard-ux-component__spinner__wrapper__background {
    bottom: var(--st-space-bottom);
    height: unset;
}

html:not([web-version]) #ux25_homepage .plugin-page__footer,
html:not([web-version]) .plugin-page > div:last-child,
html:not([web-version]) #FamilyHubRefrigeratorInsideFridgePage .family-hub-fridge-refresh-container {
    margin-block-end: var(--st-space-bottom);
}

html:not([web-version]) #ux25_homepage #ux25_homepage-exit-float-btn .standard-ux-component__floating-action-button__wrapper {
    margin-block-end: calc(var(--st-space-bottom) + 80px);
}

html:not([web-version]) #ux25_homepage #ux25_homepage-applink-float-btn .standard-ux-component__floating-action-button__wrapper {
    margin-block-end: calc(var(--st-space-bottom) + 80px);
}

html:not([web-version]) #tv_plugin #remote-floating-button .standard-ux-component__floating-action-button__wrapper {
    margin-block-end: calc(var(--st-space-bottom) + 52px); /* 52px (default) + 48px */
}

html:not([web-version]) #tv_plugin .remote .rm-container-wrapper {
    margin-block-end: var(--st-space-bottom);
    height: calc(100% - var(--st-space-top) - var(--st-space-bottom));
}

html:not([web-version]) #RoomAcScheduleListPage-add-float-btn .standard-ux-component__floating-action-button__wrapper,
html:not([web-version]) #FloorAcScheduleListPage-add-float-btn .standard-ux-component__floating-action-button__wrapper,
html:not([web-version]) #AirPurifierScheduleListPage-add-float-btn .standard-ux-component__floating-action-button__wrapper {
    margin-block-end: var(--st-space-bottom);
}

html:not([web-version]) .schedule-delete-button {
    margin-block-end: calc(10px + var(--st-space-bottom)); /* 10px (default) + 48px */
}

html:not([web-version]) .gototop-button {
    bottom: calc(80px + var(--st-space-bottom));
}

html:not([web-version]) .wx-dialog.container {
    padding: calc(var(--dialog-container-block-padding) + var(--st-space-bottom)) 0;
}

@media screen and (min-width: 589px) {
    html:not([web-version]) #ux25_homepage > .home__sidebar {
        margin-block-start: calc(var(--st-space-top) + 16px);
        margin-block-end: var(--st-space-bottom);
        height: unset;
    }
}

html:not([web-version])[data-orientation="landscape"] .plugin-page > div {
    padding-left: var(--st-space-left);
    padding-right: var(--st-space-right);
}

html:not([web-version]) .vh-mapview-tips .contents_wrapper {
    margin-right: var(--st-space-right);
}

html:not([web-version])[data-orientation="landscape"] #tv_plugin .remote .rm-container-wrapper {
    right: var(--st-space-right);
}

html:not([web-version]):not([dir="rtl"])[data-orientation="landscape"] .plugin-page .standard-ux-component__floating-action-button__wrapper {
    right: calc(var(--st-space-right) + 10px) !important; /* 10px (default) + 48px */
}

html:not([web-version])[dir="rtl"][data-orientation="landscape"] .plugin-page .standard-ux-component__floating-action-button__wrapper {
    left: calc(var(--st-space-left) + 10px) !important; /* 10px (default) + 48px */
}

/* End of Handling Full Screen Android Activity */

/* Intro screen bottom buttons - intermittent width change on ST */

.intro-bottom-nav-container .standard-ux-component__buttons {
    width: fit-content !important;
}

.intro-bottom-nav-container .standard-ux-component__buttons .standard-ux-component__buttons__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: unset;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
}

@media screen and (max-width: 340px) {
    .intro-bottom-nav-container .standard-ux-component__buttons {
        max-width: 100px !important;
    }
}

/* Show or hide build version */

.build-version {
    display: none;
}

/* Fix weird background color of SmartTag volume popup on tablet */

html[data-orientation="portrait"][tablet] #smarttag-page ~ [id^="volumeListDropDown"].da-plugin {
    background: unset;
}

/* Suggestion buttons in Home tab, remove inline width from PluTo */

#vh-ai-recommendation-buttons .standard-ux-component__buttons {
    width: unset !important;
}

/* Add padding inline to some pages */

[id^="automation-tabs_automation_view"] .ux-app-pane-container,
[id^="favorite-tabs_automation_view"] .ux-app-pane-container,
[id^=add_scene_device_action] .ux-app-pane-container,
[id^=add_automation_device_action] .ux-app-pane-container,
[id=st_automation_device_action] .ux-app-pane-container,
#SummarySettingPage .plugin-page__container,
#LocationQRCodePage .plugin-page__container {
    padding-inline: 10px;
}

/* Slightly transparent context menu for main ST app (home page) */

html:not([data-color-scheme="dark"]) #ux25_homepage + .wx-context-menu .contents-wrapper {
    background-color: rgba(252, 252, 255, 0.8);
    backdrop-filter: blur(9px);
}