@charset "utf-8";

@-webkit-keyframes ha-inifinite-rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

@keyframes ha-inifinite-rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

@-webkit-keyframes mmfadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes mmfadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes mmfadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes mmfadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes mmslideIn { 
  0% { transform: translateY(15%); }
  100% { transform: translateY(0px); }
}

@keyframes mmslideIn { 
  0% { transform: translateY(15%); }
  100% { transform: translateY(0px); }
}

@-webkit-keyframes mmslideOut { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-10%); }
}

@keyframes mmslideOut { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-10%); }
}

.ha-btn { display: inline-block; padding: 0.95rem 1.5rem; border-radius: 4px; text-decoration: none; font-weight: 700; font-size: 14px; }

.ha-btn:focus, .ha-btn:hover { outline: 0px; box-shadow: none; }

.ha-btn:disabled { background-color: rgb(179, 179, 179); box-shadow: none; opacity: 0.7; cursor: not-allowed; }

.ha-btn-primary { background: rgb(94, 59, 196); color: rgb(255, 255, 255); }

.ha-btn-primary:focus, .ha-btn-primary:hover { background: rgb(75, 47, 157); color: rgb(255, 255, 255); }

.ha-btn-secondary { background: rgb(226, 73, 138); color: rgb(255, 255, 255); }

.ha-btn-secondary:focus, .ha-btn-secondary:hover { background: rgb(214, 34, 110); color: rgb(255, 255, 255); }

#wp-admin-bar-happy-addons > .ab-item > img { margin-top: -4px; width: 18px; height: 18px; vertical-align: text-bottom; }

#wp-admin-bar-happy-addons .ab-item .dashicons { position: relative; top: 7px; display: inline-block; font-weight: 400; font-style: normal; font-variant: normal; font-size: inherit; font-family: dashicons; line-height: 1; -webkit-font-smoothing: antialiased; text-rendering: auto; }

#wp-admin-bar-happy-addons .ab-item .dashicons-update-alt::before { content: ""; }

#wp-admin-bar-happy-addons .ha-clear-cache--done .ab-item > i { color: rgb(70, 180, 80); }

#wp-admin-bar-happy-addons .ha-clear-cache--init .ab-item > i { animation: 0.5s linear 0s infinite normal none running ha-inifinite-rotate; }

.ha-review-notice, .void-review { display: flex; }

.void-review { -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 15px 20px; border: 0px; border-radius: 2px; background: linear-gradient(90deg, rgb(200, 73, 147) 0px, rgb(105, 57, 198) 100%) center top; color: rgb(255, 255, 255); }

.ha-review-notice { position: relative; margin: 5px 20px 5px 2px; border: 1px solid var(--e-notice-border-color); background: var(--e-notice-bg); box-shadow: var(--e-notice-box-shadow); font-family: Roboto, Arial, Helvetica, Verdana, sans-serif; border-inline-start-width: 4px; }

.ha-review-notice.notice { padding: 0px; }

.ha-review-notice::before { position: absolute; top: -1px; bottom: -1px; left: -4px; display: block; width: 4px; background: linear-gradient(0deg, rgb(200, 73, 147) 0px, rgb(105, 57, 198) 100%); content: ""; }

.ha-review-notice--extended { --e-notice-is-extended: 1; }

.ha-review-notice--dismissible { padding-right: 38px; }

.ha-review-notice__aside { overflow: hidden; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0; padding-top: 15px; width: calc(var(--e-notice-is-extended, 0)*50px); background: linear-gradient(0deg, rgba(200, 73, 147, 0.16) 0px, rgba(105, 57, 198, 0.16) 100%); text-align: center; }

.ha-review-notice__icon-wrapper { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: auto; width: 28px; height: 28px; border-radius: 100px; background: rgb(94, 59, 196); color: rgb(255, 255, 255); text-shadow: 0 0 3px var(--e-notice-context-color-dark),0 0 1px var(--e-notice-context-color-dark),0 0 1px var(--e-notice-context-color-dark); }

.ha-review-notice__icon-wrapper img { width: 16px; height: 16px; }

.ha-review-notice__content { padding: 20px; }

.ha-review-notice__actions { display: flex; }

.ha-review-notice__actions > * + * { margin-inline-start: 8px; }

.ha-review-notice__dismiss { position: absolute; top: 0px; right: 1px; display: block; margin: 0px; padding: 9px; width: 20px; height: 20px; border: 0px; background: 0px 0px; text-align: center; font-style: normal; font-size: 0.8125rem; line-height: 20px; cursor: pointer; }

.ha-review-notice__dismiss::before { display: inline-block; width: 20px; border-radius: 20px; color: var(--e-notice-dismiss-color); content: ""; text-align: center; font-family: eicons; -webkit-font-smoothing: antialiased; speak: none; }

.ha-review-notice__dismiss:active::before, .ha-review-notice__dismiss:focus::before, .ha-review-notice__dismiss:hover::before { font-weight: 700; }

.ha-review-notice__dismiss:focus::before { outline: 0px; background: var(--e-notice-dismiss-color); color: rgb(255, 255, 255); }

.ha-review-notice__dismiss:focus { outline: 0px; }

.ha-review-notice p { margin: 0px; padding: 0px; line-height: 1.2; }

p + .ha-review-notice__actions { margin-top: 1rem; }

.ha-review-notice h3 { margin: 0px; font-size: 1.0625rem; line-height: 1.2; }

.ha-review-notice h3 + p { margin-top: 8px; }

.ha-review-button { display: inline-block; padding: var(--e-button-padding-y) var(--e-button-padding-x); border: 0px; border-radius: var(--e-button-border-radius); background: var(--e-button-context-color); color: rgb(255, 255, 255); vertical-align: middle; text-align: center; text-decoration: none; white-space: nowrap; font-weight: var(--e-button-font-weight); font-size: var(--e-button-font-size); line-height: var(--e-button-line-height); transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; user-select: none; }

.ha-review-button:active { background: var(--e-button-context-color-dark); color: rgb(255, 255, 255); text-decoration: none; }

.ha-review-button:focus { outline: 0px; background: var(--e-button-context-color-dark); box-shadow: 0 0 0 2px var(--e-focus-color); color: rgb(255, 255, 255); text-decoration: none; }

.ha-review-button:hover { background: var(--e-button-context-color-dark); color: rgb(255, 255, 255); text-decoration: none; }

.ha-review-button:disabled { box-shadow: none; opacity: 0.5; }

.ha-review-button:not(:disabled):not(.disabled) { cursor: pointer; }

.ha-review-button:not(:disabled):not(.disabled).active:focus, .ha-review-button:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 2px var(--e-focus-color); }

.ha-review-button.focus { outline: 0px; box-shadow: 0 0 0 2px var(--e-focus-color); }

.ha-review-button.disabled { box-shadow: none; opacity: 0.5; }

.ha-review-button--cta { --e-button-context-color: #5e3bc4; --e-button-context-color-dark: #4b2f9d; --e-button-context-tint: rgb(75 47 157 / 4%); --e-button-padding-x: 10px; --e-button-padding-y: 5px; --e-focus-color: rgb(75 47 157 / 40%); }

.ha-review-button--error { --e-button-context-color: var(--e-context-error-color); --e-button-context-color-dark: var(--e-context-error-color-dark); --e-button-context-tint: var(--e-context-error-tint-1); --e-focus-color: var(--e-context-error-tint-4); }

.ha-review-button.ha-review-button--outline { border: 1px solid; background: 0px 0px; color: var(--e-button-context-color); }

.ha-review-button.ha-review-button--outline:focus { background: var(--e-button-context-tint); color: var(--e-button-context-color-dark); }

.ha-review-button.ha-review-button--outline:hover { background: var(--e-button-context-tint); color: var(--e-button-context-color-dark); }

.ha-review-button.ha-review-button--outline:disabled { background: rgb(129, 138, 145); color: var(--e-button-context-color-dark); }

.ha-review-button.ha-review-button--outline.disabled { background: rgb(129, 138, 145); color: var(--e-button-context-color-dark); }

#happy_addons_news_update .ha-setup--wrap { margin: -12px -12px 0px; padding: 12px; border-bottom: 1px solid rgb(238, 238, 238); }

#happy_addons_news_update .ha-setup--wrap .setup-wizard-finish-setup .progress-wrapper { display: inline-block; box-sizing: border-box; padding: 2px 8px; border: 1px solid rgb(117, 117, 117); border-radius: 16px; font-size: 0.9em; }

#happy_addons_news_update .ha-setup--wrap .setup-wizard-finish-setup .progress-wrapper span { position: relative; top: -3px; color: rgb(117, 117, 117); }

#happy_addons_news_update .ha-setup--wrap .setup-wizard-finish-setup .description { display: flex; -webkit-box-align: center; align-items: center; }

#happy_addons_news_update .ha-setup--wrap .setup-wizard-finish-setup .description h4 { font-weight: 700; }

#happy_addons_news_update .ha-setup--wrap .setup-wizard-finish-setup .description p { margin-top: 0px; }

#happy_addons_news_update .ha-setup--wrap .setup-wizard-finish-setup .description div { float: left; width: 70%; }

#happy_addons_news_update .ha-setup--wrap .setup-wizard-finish-setup .description img { float: right; padding-left: 26px; width: 25%; }

#happy_addons_news_update .ha-setup--wrap .setup-wizard-finish-setup .description a { border: 0px; background: rgb(226, 73, 138); color: rgb(255, 255, 255); }

#happy_addons_news_update .ha-setup--wrap .setup-wizard-finish-setup .description a:hover { background: rgb(214, 34, 110); }

#happy_addons_news_update .ha-overview--banner { width: 100%; }

#happy_addons_news_update .ha-divider-bottom { margin: 0px -12px; border-bottom: 1px solid rgb(238, 238, 238); }

#happy_addons_news_update .ha-instruction { padding: 10px; }

#happy_addons_news_update .ha-overview__post { margin-bottom: 10px; }

#happy_addons_news_update .ha-overview__post:hover { text-decoration: underline; }

#happy_addons_news_update .ha-overview__post-link { font-weight: 500; }

#happy_addons_news_update .ha-divider-top { margin: 0px -12px; border-top: 1px solid rgb(238, 238, 238); }

#happy_addons_news_update .ha-overview__footer { padding: 10px 6px 0px 8px; }

#happy_addons_news_update .ha-overview__footer ul { display: flex; margin: 0px; list-style: none; }

#happy_addons_news_update .ha-overview__footer ul li:not(:first-of-type) { margin-right: 4px; padding-left: 4px; border-left: 1px solid rgb(221, 221, 221); }

#happy_addons_news_update .ha-overview__footer ul li:first-of-type { margin-right: 4px; }

#ha-admin-top-bar-root { position: absolute; top: 0px; right: 0px; z-index: 1; width: calc(100% - 160px); border-bottom: 1px solid rgb(195, 196, 199); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 6px; }

.ha-admin-top-bar { display: flex; -webkit-box-pack: justify; justify-content: space-between; padding: 0px 16px; height: 50px; }

.ha-admin-top-bar__heading, .ha-admin-top-bar__main-area { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.ha-admin-top-bar__heading { margin-inline-end: 40px; }

.ha-admin-top-bar__main-area-buttons .page-title-action { display: inline-block; box-sizing: border-box; margin: 0px 4px; padding: 0px 10px; min-height: 30px; border: 1px solid rgb(2, 117, 216); border-radius: 3px; background: rgb(247, 247, 247); color: rgb(2, 117, 216); text-decoration: none; line-height: 30px; cursor: pointer; }

.ha-admin-top-bar__main-area-buttons .page-title-action:hover { border-color: rgb(27, 96, 127); background: rgb(236, 238, 239); color: rgb(27, 96, 127); }

.ha-admin-top-bar__heading-logo { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 1.875rem; height: 1.875rem; border-radius: 15px; background: linear-gradient(45deg, rgb(200, 73, 147) 0px, rgb(105, 57, 198) 100%); color: rgb(255, 255, 255); text-align: center; font-size: 0.875rem; line-height: 1.875rem; }

.ha-admin-top-bar__heading-logo svg, .ha-logo-wrapper svg { width: auto; height: 20px; }

.ha-admin-top-bar__heading-title { padding: 0px 8px; color: rgb(73, 81, 87); font-weight: 600; font-size: 15px; font-family: Roboto, Arial, Helvetica, Verdana, sans-serif; line-height: normal; }

.ha-logo-wrapper { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 1.875rem; height: 1.875rem; border-radius: 15px; background: linear-gradient(45deg, rgb(200, 73, 147) 0px, rgb(105, 57, 198) 100%); color: rgb(255, 255, 255); text-align: center; font-size: 0.875rem; line-height: 1.875rem; }

.post-type-ha_library #wpbody-content { margin-top: 50px; }

.post-type-ha_library #wpbody .wrap { clear: both; padding-top: 10px; }

.post-type-ha_library #wpbody .wrap h1, .post-type-ha_library .wrap .wp-heading-inline + .page-title-action { display: none; }

.post-type-ha_library .wp-heading-inline, .post-type-ha_library .wp-heading-inline + a { display: none !important; }

#elementor-new-template__form .elementor-form-field .select2:not(:focus) { border-color: rgb(213, 218, 223); }

.elementor-form-field__select__wrapper .select2 { padding: 5px 0px; min-height: 50px; outline: 0px; border: 1px solid; border-radius: 3px; background: 0px 0px; box-shadow: none; color: rgb(73, 81, 87); font-size: 14px; max-width: 330px !important; width: 100% !important; }

.elementor-form-field__select__wrapper .select2 .select2-selection--multiple { display: flex; border: 0px !important; }

.elementor-form-field__select__wrapper .select2-container .select2-selection--multiple .select2-selection__rendered { margin: 0px; }

.elementor-form-field__select__wrapper .select2-container .select2-search--inline .select2-search__field { height: 21px; border-radius: 0px; }

.elementor-form-field__select__wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice { padding-left: 0px; border: 0px; background-color: rgb(227, 227, 227); }

.elementor-form-field__select__wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice:hover .select2-selection__choice__remove { display: block; }

.elementor-form-field__select__wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { left: 0px; display: none; width: 21px; height: 21px; border: 0px; border-radius: 4px; background: rgb(153, 153, 153); color: rgb(255, 255, 255); line-height: 1; }

.elementor-form-field__select__wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { background-color: rgb(106, 106, 106); color: rgb(255, 255, 255); }

.elementor-form-field__select__wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__display { padding-right: 8px; padding-left: 8px; font-size: 12px; }

.ha-template-element-modal { font-family: Roboto, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif; }

.ha-template-element-modal .modal__overlay { position: fixed; inset: 0px; z-index: 9999; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background: rgba(0, 0, 0, 0.8); }

.ha-template-element-modal .modal__container { overflow-y: auto; box-sizing: border-box; max-width: 1202px; max-height: 100vh; width: 960%; border-radius: 10px; background-color: rgb(247, 247, 250); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 100px; }

.ha-template-element-modal .modal__container ::-webkit-scrollbar { width: 8px; }

.ha-template-element-modal .modal__container ::-webkit-scrollbar-track { background: rgb(247, 247, 250); }

.ha-template-element-modal .modal__container ::-webkit-scrollbar-thumb { background: rgba(136, 136, 136, 0.66); }

.ha-template-element-modal .modal__container ::-webkit-scrollbar-thumb:hover { background: rgba(85, 85, 85, 0.56); }

.ha-template-element-modal .modal__footer, .ha-template-element-modal .modal__header { display: flex; height: 72px; }

.ha-template-element-modal .modal__header { -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; box-sizing: border-box; padding: 26px 33px 26px 48px; border-radius: 10px 10px 0px 0px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 40px; }

.ha-template-element-modal .modal__footer { -webkit-box-pack: center; justify-content: center; gap: 10px; }

.ha-template-element-modal .modal__title { display: flex; -webkit-box-align: center; align-items: center; margin-top: 0px; margin-bottom: 0px; color: rgb(16, 16, 40); font-weight: 700; font-style: normal; font-size: 16px; font-family: Roboto; line-height: 19px; }

.ha-template-element-modal .modal__title svg { margin-right: 8px; }

.ha-template-element-modal .modal__header { position: relative; z-index: 999; }

.ha-template-element-modal .modal__header .modal__close { border: 0px; background: 0px 0px; color: rgb(0, 0, 0); cursor: pointer; }

.ha-template-element-modal .modal__header .modal__close::before { padding-right: 0px; content: "✕"; font-weight: 700; font-size: 18.5px; }

.ha-template-element-modal .modal__close { border: 0px; background: 0px 0px; color: rgb(147, 0, 60); cursor: pointer; }

.ha-template-element-modal .modal__close::before { padding-right: 6px; content: "✕"; }

.ha-template-element-modal .modal__content { overflow: auto; box-sizing: border-box; margin: auto; padding: 30px 20px; max-height: 65vh; width: 100%; height: 750px; line-height: 1.5; scrollbar-color: red rgb(255, 255, 0); }

.ha-template-element-modal .modal__content .form-data { margin: auto; max-width: 781px; }

.ha-template-element-modal .modal__content .ha-template-notice { display: none; color: rgb(0, 0, 0); text-align: center; }

.ha-template-element-modal .modal__content .ha-template-notice.error { display: block; color: red; }

.ha-template-element-modal .modal__content .ha-template-notice.success { display: block; color: green; }

.ha-template-element-modal .modal__content.new-template { display: flex; -webkit-box-align: center; align-items: center; padding: 0px; background: rgb(255, 255, 255); }

.ha-template-element-modal .modal__content.new-template > * { box-sizing: border-box; }

.ha-template-element-modal .modal__content.new-template .modal__information { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; padding: 47px 47px 47px 66px; width: 43%; height: 100%; background: rgb(247, 247, 250); }

.ha-template-element-modal .modal__content.new-template .modal__information .info-title { margin-bottom: 26px; color: rgb(16, 16, 40); text-align: left; font-weight: 700; font-style: normal; font-size: 32px; font-family: sans-serif; line-height: 39px; }

.ha-template-element-modal .modal__content.new-template .modal__information .info-message { color: rgb(109, 117, 122); text-align: left; font-weight: 400; font-style: normal; font-size: 16px; font-family: Roboto; line-height: 32px; }

.ha-template-element-modal .modal__content.new-template #ha-new-template-form { margin-right: auto; margin-left: auto; max-width: 442px; width: 57%; }

.ha-template-element-modal .modal__content.new-template #ha-new-template-form__title { margin-bottom: 35px; color: rgb(16, 16, 40); font-weight: 700; font-style: normal; font-size: 24px; font-family: sans-serif; line-height: 29px; }

.ha-template-element-modal .modal__content.new-template #ha-new-template-form__template-type { margin-bottom: 19px; padding: 12px 33px 12px 20px; max-width: unset; width: 100%; height: 56px; border-radius: 6px; background-image: url("data:image/svg+xml;utf8,<svg fill='%23999999' height='32' viewBox='0 0 24 24' width='32' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-position: calc(100% - 13px) 50%; background-size: 24px; background-repeat: no-repeat; color: rgb(44, 51, 56); font-weight: 400; font-style: normal; font-size: 14px; font-family: Roboto; line-height: 32px; appearance: none; border: 1px solid rgb(224, 224, 224) !important; }

.ha-template-element-modal .modal__content.new-template #ha-new-template-form__post-title { padding: 12px 33px 12px 20px; max-width: unset; width: 100%; height: 56px; border-radius: 6px; background: rgb(255, 255, 255); border: 1px solid rgb(224, 224, 224) !important; }

.ha-template-element-modal .modal__content.new-template #ha-new-template-form__submit { margin-top: 19px; padding: 20px; width: 100%; border: 0px; border-radius: 6px; background: rgb(94, 65, 193); cursor: pointer; }

.ha-template-element-modal .modal__content.new-template #ha-new-template-form__submit:hover { background: rgb(75, 51, 156); }

.ha-template-element-modal .modal__content.new-template #ha-new-template-form__submit:disabled { background: rgb(202, 202, 202); opacity: 1; }

.ha-template-element-modal .modal__content.new-template #ha-new-template-form__submit:disabled:hover { background: rgb(202, 202, 202); cursor: not-allowed; }

.ha-template-element-modal .modal__information { padding-bottom: 20px; text-align: center; }

.ha-template-element-modal .modal__information .info-title { margin: 0px 0px 15px; color: rgb(16, 16, 40); text-align: center; font-weight: 700; font-style: normal; font-size: 32px; font-family: sans-serif; line-height: 39px; }

.ha-template-element-modal .modal__information .info-message { color: rgb(109, 117, 122); text-align: center; font-weight: 400; font-style: normal; font-size: 16px; font-family: Roboto; line-height: 32px; }

.ha-template-element-modal .modal__content .settings_title { margin-top: 0px; margin-bottom: 8px; color: rgb(73, 81, 87); font-weight: 500; font-size: 15px; line-height: 1.25; }

.ha-template-element-modal .modal__btn { overflow: visible; margin: 0px; padding: 0.5rem 1rem; min-width: 163px; height: 56px; border-width: 0px; border-style: none; border-radius: 6px; background-color: rgb(130, 130, 130); color: rgb(255, 255, 255); text-transform: none; font-weight: 700; font-style: normal; font-size: 14px; font-family: sans-serif; line-height: 17px; cursor: pointer; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; transform: translateZ(0px); appearance: button; backface-visibility: hidden; will-change: transform; }

.ha-template-element-modal .modal__btn.save { background-color: rgb(57, 181, 74); }

.ha-template-element-modal .modal__btn-primary { background-color: rgb(39, 174, 96); color: rgb(255, 255, 255); }

.ha-template-element-modal .modal__btn-primary:focus, .ha-template-element-modal .modal__btn-primary:hover { background-color: rgb(45, 142, 58); }

.ha-template-element-modal .modal__btn-secondary { background-color: rgb(86, 45, 212); color: rgb(255, 255, 255); }

.ha-template-element-modal .modal__btn-secondary:focus, .ha-template-element-modal .modal__btn-secondary:hover { background-color: rgb(226, 73, 138); }

.micromodal-slide { display: none; }

.micromodal-slide.is-open { display: block; }

.micromodal-slide[aria-hidden="false"] .modal__overlay { animation: 0.3s cubic-bezier(0, 0, 0.2, 1) 0s 1 normal none running mmfadeIn; }

.micromodal-slide[aria-hidden="false"] .modal__container { animation: 0.3s cubic-bezier(0, 0, 0.2, 1) 0s 1 normal none running mmslideIn; }

.micromodal-slide[aria-hidden="true"] .modal__overlay { animation: 0.3s cubic-bezier(0, 0, 0.2, 1) 0s 1 normal none running mmfadeOut; }

.micromodal-slide[aria-hidden="true"] .modal__container { animation: 0.3s cubic-bezier(0, 0, 0.2, 1) 0s 1 normal none running mmslideOut; }

.micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform; }

#ha-template-edit-form { position: relative; margin: 40px 0px 30px; }

#ha-template-edit-form .ha-template-condition-wrap { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 20px; gap: 10px; }

#ha-template-edit-form .ha-template-condition-wrap .ha-template-condition-item { position: relative; border-radius: 10px; }

#ha-template-edit-form .ha-template-condition-wrap .ha-template-condition-item-row { display: flex; -webkit-box-pack: justify; justify-content: space-between; gap: 8px; }

#ha-template-edit-form .ha-template-condition-wrap .ha-template-condition-item-row .ha-tce-type { -webkit-box-flex: 0; flex-grow: 0; }

#ha-template-edit-form .ha-template-condition-wrap .ha-template-condition-item-row .ha-tce-name, #ha-template-edit-form .ha-template-condition-wrap .ha-template-condition-item-row .ha-tce-sub_id, #ha-template-edit-form .ha-template-condition-wrap .ha-template-condition-item-row .ha-tce-sub_name { -webkit-box-flex: 1; flex-grow: 1; }

#ha-template-edit-form .ha-template-condition-wrap .ha-template-condition-item-row .ha-tce-sub_name { max-width: 45%; }

#ha-template-edit-form .ha-template-condition-wrap .ha-template-condition-item-row .ha-tce-sub_id { width: 100px; }

#ha-template-edit-form .ha-template-condition-wrap .ha-template-condition-item-row select { padding: 12px 33px 12px 20px; height: 56px; border-radius: 6px; background: url("data:image/svg+xml;utf8,<svg fill='%23999999' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") calc(100% - 13px) 50% no-repeat rgb(255, 255, 255); appearance: none; border: 1px solid rgb(227, 227, 229) !important; }

#ha-template-edit-form .ha-template-condition-wrap .ha-template-condition-item-row .select2-container.select2-container--default.select2-container--open .select2-selection--single { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }

#ha-template-edit-form .ha-template-condition-wrap .ha-template-condition-item-row .select2-container.select2-container--default .select2-selection--single { padding: 12px 20px; height: 56px; border-radius: 6px; background: rgb(255, 255, 255); border: 1px solid rgb(227, 227, 229) !important; }

#ha-template-edit-form .ha-template-condition-wrap .ha-template-condition-item-row .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered, #ha-template-edit-form .ha-template-condition-wrap .ha-template-condition-item-row select { color: rgba(51, 51, 51, 0.5); font-weight: 400; font-style: normal; font-size: 14px; font-family: Roboto; line-height: 32px; }

#ha-template-edit-form .ha-template-condition-wrap .ha-template-condition-item-row .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; right: 13px; transform: translateY(-50%); }

#ha-template-edit-form .ha-cond-repeater-add, #ha-template-edit-form .ha-template-condition-wrap .ha-template-condition-remove { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; cursor: pointer; }

#ha-template-edit-form .ha-template-condition-wrap .ha-template-condition-remove { position: absolute; top: 50%; right: -29.5px; color: rgb(235, 87, 87); font-size: 18px; transform: translate(50%, -50%); }

#ha-template-edit-form .ha-template-condition-wrap .ha-template-condition-remove:hover { color: red; }

#ha-template-edit-form .ha-cond-repeater-add { box-sizing: border-box; width: 100%; height: 56px; border: 1px dashed rgb(189, 189, 189); border-radius: 6px; background: 0px 0px; color: rgb(51, 51, 51); font-weight: 400; font-style: normal; font-size: 14px; font-family: Roboto; line-height: 32px; }

.select2-dropdown.ha-template-condition-dropdown { border-color: rgb(227, 227, 229) !important; }