:root{--micro-ease:cubic-bezier(.22, 1, .36, 1);--status-green:#78dd8b;--status-amber:#efb85c;--status-red:#ff6c67}.service-button{box-sizing:border-box;border:1px solid var(--button-border);background:var(--button-bg);width:200px;height:88px;color:var(--button-color,#fff);-webkit-backdrop-filter:none;letter-spacing:-.025em;transition:background-color .3s ease, border-color .3s ease, box-shadow .3s ease, transform .3s var(--micro-ease);border-radius:24px;justify-content:center;align-items:center;padding:0 24px;font-family:Red Hat Display,sans-serif;font-size:22px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 14px 28px #00000047}.service-button.orange{--button-bg:#ed6a0c;--button-border:#ed6a0c;--button-border-hover:#ff8126}.service-button.white{--button-bg:#f1f1f1;--button-border:#f1f1f1;--button-border-hover:#fff}.service-button.gray{--button-bg:#3b3b3b;--button-border:#3b3b3b;--button-border-hover:#505050}.service-button.home-assistant{--button-bg:#242424;--button-border:#242424;--button-border-hover:#505050;color:#fff}.service-button.home-assistant .home-assistant-label{place-items:center;width:112px;font-size:18px;display:grid;translate:10px}.home-assistant-label-short,.home-assistant-label-full{grid-area:1/1;transition:opacity .22s,filter .22s}.home-assistant-label-full,.service-button.home-assistant:hover .home-assistant-label-short,.service-button.home-assistant:focus-visible .home-assistant-label-short{opacity:0;filter:blur(5px)}.service-button.home-assistant:hover .home-assistant-label-full,.service-button.home-assistant:focus-visible .home-assistant-label-full{opacity:1;filter:none}.service-button.home-assistant .button-icon-in img{width:100%;height:100%;display:block}.service-button.black{--button-bg:#242424;--button-border:#242424;--button-border-hover:#383838;display:none}.service-button:before,.service-button:after{display:none}.service-button:hover,.service-button:focus-visible{border-color:var(--button-border-hover);filter:none;transform:translateY(-3px);box-shadow:0 18px 34px #0000005c}.service-button:active{transition-duration:.1s;transform:translateY(0)scale(.98)}.button-label{z-index:2;white-space:nowrap;transition:translate .3s;position:relative}.button-icon{z-index:2;width:25px;height:25px;transition:opacity .3s,translate .3s,scale .3s,filter .3s;position:absolute;top:50%;translate:0 -50%}.button-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.button-icon-in{opacity:1;left:22px}.button-icon-out{opacity:0;filter:blur(8px);right:22px;translate:100% -50%;scale:.5 1}.service-button:hover .button-icon-in,.service-button:focus-visible .button-icon-in{opacity:0;filter:blur(8px);translate:-100% -50%;scale:.5 1}.service-button:hover .button-label,.service-button:focus-visible .button-label{translate:-30px}.service-button:hover .button-icon-out,.service-button:focus-visible .button-icon-out{opacity:1;filter:none;translate:0 -50%;scale:1}.service-button:focus-visible{outline-offset:4px;outline:2px solid #ffffffbf}.service-button.pve-mini{z-index:10;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease, translate .25s var(--micro-ease), visibility .18s, background-color .3s ease, border-color .3s ease, box-shadow .3s ease, transform .3s var(--micro-ease);position:absolute;top:calc(100% + 12px);left:0;translate:0 -8px}.pve-dropdown:hover .pve-mini,.pve-dropdown:focus-within .pve-mini{visibility:visible;opacity:1;pointer-events:auto;translate:0}.pve-dropdown:hover .pve-mini{transition:opacity .18s ease .22s, translate .25s var(--micro-ease) .22s, visibility 0s .22s, background-color .3s ease, border-color .3s ease, box-shadow .3s ease, transform .3s var(--micro-ease)}@media (width<=768px){.service-button,.service-button.black{border-radius:20px;width:min(80vw,260px);max-width:260px;height:62px;padding:0 22px;font-size:18px;display:inline-flex}.service-button.black{--button-bg:#0f0f0f;--button-border:#343434;--button-border-hover:#4a4a4a}.button-icon-in{left:19px}.button-icon-out{right:19px}.service-button.pve-mini{visibility:visible;opacity:1;pointer-events:auto;position:relative;top:auto;left:auto;translate:0}.service-button.home-assistant .home-assistant-label{width:auto;translate:0}.home-assistant-label-short{display:none}.home-assistant-label-full{opacity:1;filter:none}}@media (prefers-reduced-motion:reduce){.button-icon,.button-label,.service-button{transition-duration:.01ms!important}}
