@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-weight:600;src:url(./PlusJakartaSans-600.BD9YNzhE.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist;font-weight:100 900;src:url(./Geist-Variable.BsQ0vuuV.woff2) format("woff2")}.miio-charging-widget-host,:host{all:initial;bottom:var(--miio-widget-bottom,24px);position:fixed;right:var(--miio-widget-edge-gap,0);z-index:var(--miio-widget-z,15);--teal-600:#0a6b5f;--teal-800:#063d36;--teal-900:#04302a;--on-teal-heading:#f4fbf9;--on-teal-body:#c9e7e1;--on-teal-muted:#93c4bb;--teal-border:hsla(0,0%,100%,.16);--pill:9999px;--ease-cine:cubic-bezier(.16,1,.3,1);--font-display:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;--font-sans:"Geist",ui-sans-serif,system-ui,sans-serif}*,:after,:before{box-sizing:border-box}button{font:inherit}.promo,button{cursor:pointer}.promo{background:radial-gradient(220px 150px at 80% 0,rgba(43,207,184,.28),transparent 70%),linear-gradient(150deg,var(--teal-600),var(--teal-800));border:1px solid var(--teal-border);border-radius:18px 0 0 18px;border-right:none;box-shadow:-14px 20px 50px #02161366;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:relative;transform:translateY(26px) scale(.97);transition:transform .5s var(--ease-cine),opacity .44s var(--ease-cine),box-shadow .22s;width:min(360px,calc(100vw - 32px))}.promo--visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.promo-full{align-items:stretch;display:flex;gap:0}.promo-compact{align-items:center;display:none;gap:10px;padding:8px 34px 8px 8px}.promo-compact-thumb{border-radius:8px;flex:0 0 auto;height:36px;overflow:hidden;width:36px}.promo-compact-thumb img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.promo-compact-text{flex:1;min-width:0}.promo-compact-title{color:var(--on-teal-heading);font-family:var(--font-display);font-size:12.5px;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promo-compact-sub{color:var(--on-teal-muted);font-family:var(--font-sans);font-size:10.5px;line-height:1.3;margin-top:2px}.promo-media{align-self:stretch;flex:0 0 124px;overflow:hidden}.promo-media img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.promo-body{display:flex;flex:1;flex-direction:column;min-width:0;padding:16px 16px 15px}.promo-title{color:var(--on-teal-heading);font-family:var(--font-display);font-size:15.5px;font-weight:600;letter-spacing:-.01em;line-height:1.25;padding-right:22px}.promo-text{color:var(--on-teal-muted);font-family:var(--font-sans);font-size:12.5px;line-height:1.4;margin-top:5px}.promo-price{color:var(--on-teal-body);font-weight:500}.promo-cta{align-items:center;align-self:flex-start;background:#fff;border:0;border-radius:var(--pill);box-shadow:0 6px 16px #02161347;color:var(--teal-900);display:inline-flex;font-family:var(--font-sans);font-size:13.5px;font-weight:600;gap:7px;margin-top:14px;min-height:38px;padding:9px 16px;text-decoration:none;transition:background .15s,transform .16s cubic-bezier(.16,1,.3,1)}.promo-cta:hover{background:#eaf3f1;transform:translateY(-1px)}.promo-cta--compact{align-self:center;flex:0 0 auto;font-size:11.5px;gap:5px;margin-top:0;min-height:auto;padding:7px 12px}.promo-dismiss{background:#ffffff24;border:0;border-radius:var(--pill);color:var(--on-teal-body);cursor:pointer;display:grid;height:26px;place-items:center;position:absolute;right:8px;top:8px;transition:background .12s,color .12s;width:26px}.promo-dismiss:hover{background:#ffffff42;color:#fff}.dismiss-close-icon,.promo--show-close .dismiss-chevron{display:none}.promo--show-close .dismiss-close-icon{display:block}.bar{align-items:center;background:radial-gradient(220px 150px at 80% 0,rgba(43,207,184,.28),transparent 70%),linear-gradient(150deg,var(--teal-600),var(--teal-800));border:1px solid var(--teal-border);border-radius:14px 0 0 14px;border-right:none;box-shadow:-10px 10px 26px #0216135c;display:flex;flex-direction:column;gap:10px;padding:12px 0 14px;position:relative;width:44px}.miio-charging-widget-host.is-floating .bar,.miio-charging-widget-host.is-floating .promo{border-right:1px solid var(--teal-border)}.miio-charging-widget-host.is-floating .promo{border-radius:18px}.miio-charging-widget-host.is-floating .bar{border-radius:14px}.bar-main{align-items:center;background:none;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:0}.bar-close{background:none;border:0;color:#fff;cursor:pointer;display:grid;flex:0 0 auto;padding:0;place-items:center}.bar-label{color:var(--on-teal-heading);font-family:var(--font-display);font-size:14px;font-weight:500;letter-spacing:.06em;padding:4px 0;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-rl}.bar-chevron{border-right:2px solid #fff;border-top:2px solid #fff;flex:0 0 auto;height:8px;transform:rotate(-135deg);width:8px}.bar-close-icon{display:block}@keyframes miio-shake{0%,to{transform:translateY(0)}8%{transform:translateY(-9px)}20%{transform:translateY(7px)}32%{transform:translateY(-7px)}44%{transform:translateY(5px)}56%{transform:translateY(-5px)}68%{transform:translateY(3px)}80%{transform:translateY(-2px)}92%{transform:translateY(1px)}}.bar.is-shaking{animation:miio-shake 1.4s linear}@media (prefers-reduced-motion:reduce){.promo,.promo-cta,.promo-dismiss{transition:none}.promo{transform:none}.bar.is-shaking{animation:none}}@media (max-width:560px){.miio-charging-widget-host,:host{bottom:var(--miio-widget-bottom-mobile,12px);left:12px;right:12px}.miio-charging-widget-host.is-collapsed{left:auto}.bar{border-radius:14px;box-shadow:0 16px 34px #02161357;width:44px}.bar,.promo{border-right:1px solid var(--teal-border)}.promo{border-radius:18px;box-shadow:0 4px 12px #0216132e;width:auto}.promo-full{display:none}.promo-compact{align-items:flex-start;display:flex;padding:10px 26px 10px 8px}.promo-compact-title{font-size:15px;overflow:visible;white-space:normal}.promo-compact-sub{font-size:12.5px}.promo-compact-thumb{align-self:stretch;border-radius:12px;height:auto;min-height:92px;width:92px}.promo-cta--compact{display:inline-flex;font-size:13px;font-weight:500;justify-content:center;margin-top:8px;min-height:36px;padding:0 16px;width:auto}.promo-dismiss{height:30px;right:6px;top:6px;width:30px}.promo-dismiss svg{height:12px;width:12px}.bar-label{font-size:12px}.bar.has-close .bar-chevron,.dismiss-chevron{display:none}.dismiss-close-icon{display:block}}
