.wi-side-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:mixed;background:linear-gradient(180deg,#e74c3c,#c0392b);color:#fff;padding:40px 10px;border-radius:8px 0 0 8px;cursor:pointer;font-weight:700;font-size:13px;letter-spacing:.5px;z-index:9999;transition:all .3s ease;box-shadow:-1px 0 6px #e74c3c4d;border:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1;overflow:hidden}.wi-side-tab:hover{padding-right:7px;box-shadow:-2px 0 12px #e74c3c80}.wi-side-tab.wi-hidden{display:none}.wi-side-tab .wi-tab-inner{display:flex;align-items:center;gap:3px}.wi-side-tab .wi-tab-emoji{writing-mode:horizontal-tb;font-size:14px;line-height:1}@keyframes wi-pulse{0%,to{box-shadow:-1px 0 6px #e74c3c33}50%{box-shadow:-2px 0 10px #e74c3c66}}.wi-side-tab{animation:wi-pulse 2.5s ease-in-out infinite}@media(max-width:768px){.wi-side-tab{padding:35px 8px;font-size:12px;border-radius:6px 0 0 6px}.wi-side-tab .wi-tab-emoji{font-size:13px}.wi-panel{width:100vw;max-width:100vw}}.wi-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:10000;opacity:0;pointer-events:none;transition:opacity .3s}.wi-overlay.wi-active{opacity:1;pointer-events:all}.wi-panel{position:fixed;right:-480px;top:0;width:420px;max-width:95vw;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);z-index:10001;transition:right .4s cubic-bezier(.25,.8,.25,1);overflow-y:auto;box-shadow:-10px 0 40px #00000080;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#e8e8f0}.wi-panel.wi-active{right:0}.wi-intro{margin:14px 16px 0;padding:14px 16px;background:linear-gradient(135deg,#64ffda14,#ff69b40f);border:1px solid rgba(100,255,218,.15);border-radius:12px;text-align:center}.wi-intro-title{font-size:15px;font-weight:700;color:#fff;margin:0 0 6px}.wi-intro-desc{font-size:11.5px;color:#a8b2d1;line-height:1.6;margin:0}.wi-intro-desc strong{color:#64ffda}.wi-close-wrap{position:sticky;top:0;z-index:10;display:flex;justify-content:flex-end;padding:12px 16px 0 0;background:linear-gradient(180deg,#1a1a2e 70%,transparent);pointer-events:none}.wi-close-wrap .wi-close-btn{pointer-events:all}.wi-panel-header{padding:4px 24px 14px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:flex-start}.wi-panel-title{font-size:16px;font-weight:700;color:#fff;margin:0}.wi-location-time{font-size:12px;color:#8892b0;margin-top:3px}.wi-location-time .wi-city{font-weight:600;color:#64ffda}.wi-panel-date{font-size:11px;color:#5a6785;margin-top:2px}.wi-close-btn{background:#ffffff1a;border:none;color:#aaa;font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.wi-close-btn:hover{background:#fff3;color:#fff}.wi-weather-hero{padding:16px 20px;display:flex;align-items:center;gap:16px;background:#ffffff08;margin:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.06)}.wi-weather-icon{font-size:48px;line-height:1}.wi-weather-temp{font-size:32px;font-weight:700;color:#fff;line-height:1;margin:0}.wi-weather-temp span{font-size:18px;color:#8892b0}.wi-weather-desc{font-size:13px;color:#a8b2d1;margin-top:3px;text-transform:capitalize}.wi-weather-details{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.wi-weather-detail{font-size:11px;color:#8892b0;background:#ffffff0d;padding:3px 8px;border-radius:20px;white-space:nowrap}.wi-indicators{padding:6px 16px 16px;display:flex;flex-direction:column;gap:10px}.wi-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 16px;transition:all .2s}.wi-card:hover{background:#ffffff12;border-color:#ffffff1f}.wi-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.wi-card-label{font-size:12px;font-weight:600;color:#ccd6f6;display:flex;align-items:center;gap:6px}.wi-card-label .wi-icon{font-size:16px}.wi-level{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.wi-level-low{background:#2ed57326;color:#2ed573}.wi-level-medium{background:#ffa50226;color:#ffa502}.wi-level-high{background:#ff475726;color:#ff4757}.wi-level-extreme{background:#ff005033;color:#ff0050}.wi-bar-bg{height:5px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-bottom:8px}.wi-bar{height:100%;border-radius:3px;transition:width 1s ease}.wi-bar-green{background:linear-gradient(90deg,#2ed573,#7bed9f)}.wi-bar-yellow{background:linear-gradient(90deg,#ffa502,#ffbe76)}.wi-bar-red{background:linear-gradient(90deg,#ff4757,#ff6b81)}.wi-bar-extreme{background:linear-gradient(90deg,#ff0050,#ff4757)}.wi-tip{font-size:11.5px;color:#a8b2d1;line-height:1.5}.wi-tip strong{color:#ccd6f6}.wi-evidence{display:inline-block;font-size:9px;color:#64ffda;background:#64ffda14;padding:1px 6px;border-radius:3px;margin-left:4px;vertical-align:middle;font-weight:500}.wi-routine{margin:8px 16px 20px;padding:16px;background:linear-gradient(135deg,#64ffda0f,#64c8ff0a);border:1px solid rgba(100,255,218,.12);border-radius:14px}.wi-routine--beauty{border-color:#ff69b433;background:linear-gradient(135deg,#ff69b40f,#ffb6c108)}.wi-routine--health{border-color:#ffa50226;background:linear-gradient(135deg,#ffa5020f,#ffc83208);margin-bottom:30px}.wi-routine-title{font-size:14px;font-weight:700;color:#64ffda;margin-bottom:12px;display:flex;align-items:center;gap:6px}.wi-routine--beauty .wi-routine-title{color:#ff69b4}.wi-routine--health .wi-routine-title{color:#ffa502}.wi-routine-steps{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0;padding:0}.wi-step{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#ccd6f6;line-height:1.5}.wi-step-num{min-width:22px;height:22px;background:#64ffda26;color:#64ffda;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-top:1px;flex-shrink:0}.wi-routine--beauty .wi-step-num{background:#ff69b426;color:#ff69b4}.wi-routine--health .wi-step-num{background:#ffa50226;color:#ffa502}.wi-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:16px}.wi-spinner{width:36px;height:36px;border:3px solid rgba(100,255,218,.2);border-top-color:#64ffda;border-radius:50%;animation:wi-spin .8s linear infinite}@keyframes wi-spin{to{transform:rotate(360deg)}}.wi-loading-text{color:#8892b0;font-size:13px}.wi-error{text-align:center;padding:40px;color:#ff6b81}
/*# sourceMappingURL=/cdn/shop/t/6/assets/wellness-indicator.css.map */