#mix-weather{--wx-line:rgba(177,196,142,.24);margin:12px 0 28px;color:var(--ink,#eef0dd);border:1px solid var(--wx-line);border-radius:22px;background:radial-gradient(ellipse at 90% 0%,#bec96718,transparent 60%),var(--card,#17291e);overflow:hidden;font-family:DM Sans,sans-serif}#mix-weather .wx-hours{flex:1 1 320px;max-width:520px}#mix-weather .wx-hours-list{display:grid;grid-template-columns:repeat(4,minmax(60px,1fr));gap:8px;margin-top:10px}#mix-weather .wx-hour{border:1px solid var(--wx-line);border-radius:14px;text-align:center;padding:9px 4px;background:#82a0640a}#mix-weather .wx-hour time{display:block;font-size:11px;opacity:.75}#mix-weather .wx-hour strong{display:block;font-size:19px}#mix-weather .wx-hour .wx-mini-wrap{height:45px;width:60px;margin:auto;overflow:hidden}#mix-weather .wx-hour .wx-scene{transform:scale(.5);transform-origin:top left;width:108px;height:90px;margin-left:3px}#mix-weather .wx-info{flex:0 1 380px!important}@media(max-width:650px){#mix-weather .wx-hours{flex-basis:100%;max-width:none}#mix-weather .wx-info{flex:1!important}}#mix-weather *{box-sizing:border-box}#mix-weather .wx-head{display:flex;align-items:center;gap:20px;padding:20px 24px;flex-wrap:wrap}#mix-weather .wx-info{flex:1;min-width:160px}#mix-weather .wx-kicker{font-size:10px;letter-spacing:2px;text-transform:uppercase;opacity:.7}#mix-weather .wx-temp{font:600 48px/1 Barlow Condensed,sans-serif;margin:8px 0}#mix-weather .wx-place{font-size:14px;font-weight:700;max-width:420px}#mix-weather button,#mix-weather input{font:inherit}#mix-weather button{border:1px solid var(--wx-line);border-radius:12px;background:transparent;color:inherit;padding:10px 14px;cursor:pointer}#mix-weather button:focus-visible,#mix-weather input:focus-visible{outline:2px solid #dbe878;outline-offset:3px}#mix-weather .wx-actions{display:flex;gap:8px;flex-wrap:wrap}#mix-weather .wx-search{border-top:1px solid var(--wx-line);padding:16px 24px}#mix-weather form{display:flex;gap:8px}#mix-weather input{min-width:0;flex:1;border:1px solid var(--wx-line);border-radius:12px;padding:11px;background:var(--bg,#101a12);color:inherit}#mix-weather .wx-results{display:grid;gap:6px;margin-top:10px}#mix-weather .wx-results button{text-align:left}#mix-weather .wx-days{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));gap:1px;border-top:1px solid var(--wx-line);overflow:auto}#mix-weather .wx-day{padding:16px 10px;text-align:center;border-right:1px solid var(--wx-line)}#mix-weather .wx-day strong{display:block;font-size:13px}#mix-weather .wx-day small{display:block;opacity:.65;font-size:10px;margin-top:7px}#mix-weather .wx-foot{padding:10px 24px;font-size:10px;opacity:.65}#mix-weather .wx-foot a{text-decoration:underline}#mix-weather .wx-status{font-size:12px;margin-top:8px;opacity:.75}#mix-weather .wx-scene{position:relative;flex:none;width:108px;height:90px;overflow:hidden}#mix-weather .wx-sun{position:absolute;width:46px;height:46px;border-radius:50%;background:#eadb82;top:12px;left:34px;box-shadow:0 0 38px #e8d97545;animation:wxglow 4s ease-in-out infinite alternate}#mix-weather .wx-cloud{display:none;position:absolute;width:72px;height:28px;background:#cad4cf;border-radius:30px;left:20px;top:44px;animation:wxdrift 6s ease-in-out infinite alternate}#mix-weather .wx-cloud:before,#mix-weather .wx-cloud:after{content:"";position:absolute;background:inherit;border-radius:50%;width:34px;height:34px;top:-18px;left:10px}#mix-weather .wx-cloud:after{width:27px;height:27px;left:35px;top:-12px}#mix-weather .wx-drop{display:none;position:absolute;top:74px;left:36px;width:2px;height:10px;background:#92cfe0;box-shadow:17px -4px #92cfe0,34px 0 #92cfe0;animation:wxrain 1s linear infinite}#mix-weather .wx-scene.cloud .wx-cloud,#mix-weather .wx-scene.rain .wx-cloud,#mix-weather .wx-scene.snow .wx-cloud,#mix-weather .wx-scene.rain .wx-drop,#mix-weather .wx-scene.snow .wx-drop{display:block}#mix-weather .wx-scene.rain .wx-sun,#mix-weather .wx-scene.snow .wx-sun{display:none}#mix-weather .wx-scene.snow .wx-drop{height:4px;width:4px;border-radius:50%;background:#fff;box-shadow:17px -4px #fff,34px 0 #fff}#mix-weather .wx-scene.night .wx-sun{background:#d9e3d1;box-shadow:inset -12px -7px #536574,0 0 24px #d9e3d122}@keyframes wxglow{to{transform:scale(1.08);opacity:.8}}@keyframes wxdrift{to{transform:translate(7px)}}@keyframes wxrain{to{transform:translateY(14px);opacity:0}}@media(prefers-reduced-motion:reduce){#mix-weather *{animation:none!important}}@media(max-width:650px){#mix-weather .wx-head{padding:16px;gap:10px}#mix-weather .wx-scene{width:88px}#mix-weather .wx-actions{width:100%}#mix-weather .wx-search{padding:16px}#mix-weather .wx-days{grid-template-columns:repeat(7,100px)}}html body #mix-weather{--wx-line:rgba(232,239,255,.2);--wx-sky-top:rgba(42,61,65,.45);--wx-sky-bottom:rgba(17,31,35,.65);--wx-cloud-color:rgba(177,202,211,.08);--wx-ink:#f2f5ff;--wx-panel:rgba(204,223,239,.025);--wx-button:rgba(15,28,49,.19);position:relative;isolation:isolate;color:var(--wx-ink)!important;background:linear-gradient(145deg,var(--wx-sky-top),var(--wx-sky-bottom)),#101b166b!important;border-color:var(--wx-line);transition:background-color 1.5s,color 1s}html body #mix-weather:has(.wx-head>.wx-scene.sun:not(.night)){--wx-sky-top:rgba(109,86,40,.28);--wx-sky-bottom:rgba(52,43,27,.6);--wx-cloud-color:rgba(236,202,125,.1);--wx-ink:#f2eddd;--wx-line:rgba(214,188,129,.16);--wx-panel:rgba(243,211,148,.04);--wx-button:rgba(243,211,148,.06)}html body #mix-weather[data-wx-thermal=cold]{--wx-sky-top:rgba(49,78,95,.34);--wx-sky-bottom:rgba(17,34,47,.62);--wx-cloud-color:rgba(184,216,235,.08);--wx-ink:#f4f7ff;--wx-line:rgba(231,244,255,.22);--wx-panel:rgba(204,223,239,.03);--wx-button:rgba(15,28,49,.2)}html body #mix-weather[data-wx-thermal=warm]:has(.wx-head>.wx-scene.sun:not(.night)){--wx-sky-top:rgba(132,92,38,.3);--wx-sky-bottom:rgba(60,42,25,.64)}html body #mix-weather:has(.wx-head>.wx-scene.rain){--wx-sky-top:rgba(42,58,76,.38);--wx-sky-bottom:rgba(17,28,40,.65);--wx-cloud-color:rgba(174,193,220,.08);--wx-ink:#f2f5ff;--wx-line:rgba(232,239,255,.2);--wx-panel:rgba(204,223,239,.025);--wx-button:rgba(15,28,49,.2)}html body #mix-weather:has(.wx-head>.wx-scene.snow){--wx-sky-top:rgba(65,89,100,.36);--wx-sky-bottom:rgba(25,43,57,.65);--wx-cloud-color:rgba(215,234,245,.1)}html body #mix-weather:has(.wx-head>.wx-scene.night){--wx-sky-top:rgba(29,42,62,.4);--wx-sky-bottom:rgba(12,23,34,.68);--wx-cloud-color:rgba(156,179,207,.07);--wx-ink:#f2f5ff;--wx-line:rgba(232,239,255,.2);--wx-panel:rgba(204,223,239,.025);--wx-button:rgba(15,28,49,.2)}html body #mix-weather:before{content:"";position:absolute;z-index:0;pointer-events:none;left:-12%;top:-65px;width:125%;height:285px;background:radial-gradient(ellipse at 12% 42%,var(--wx-cloud-color) 0 9%,transparent 25%),radial-gradient(ellipse at 42% 32%,var(--wx-cloud-color) 0 11%,transparent 28%),radial-gradient(ellipse at 72% 46%,var(--wx-cloud-color) 0 10%,transparent 27%),radial-gradient(ellipse at 96% 28%,var(--wx-cloud-color) 0 9%,transparent 25%);filter:blur(20px);animation:mixwx-sky-drift 24s ease-in-out infinite alternate}html body #mix-weather:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(15,28,45,.06))}html body #mix-weather>*{position:relative;z-index:1}html body #mix-weather .wx-hour,html body #mix-weather .wx-days{background:var(--wx-panel);border-color:var(--wx-line)}html body #mix-weather .wx-day{border-right-color:var(--wx-line)}html body #mix-weather button{background:var(--wx-button);border-color:var(--wx-line);color:var(--wx-ink)}html body #mix-weather button:hover{filter:brightness(1.08)}html body #mix-weather input{background:var(--wx-button);border-color:var(--wx-line);color:var(--wx-ink)}html body #mix-weather input::placeholder{color:var(--wx-ink);opacity:.75}html body #mix-weather .wx-search{background:var(--wx-panel)}html body #mix-weather .wx-foot{opacity:.85}@keyframes mixwx-sky-drift{0%{transform:translate3d(-2%,0,0);opacity:.8}to{transform:translate3d(5%,12px,0);opacity:1}}@media(prefers-reduced-motion:reduce){html body #mix-weather:before{animation:none}html body #mix-weather{transition:none}}html body #mix-weather>.wx-weather-fx{position:absolute!important;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit}html body #mix-weather .wx-weather-fx i{position:absolute;opacity:0;left:calc(var(--i) * 6.2%);top:-18px}html body #mix-weather:has(.wx-head>.wx-scene.rain) .wx-weather-fx i{width:1px;height:16px;background:linear-gradient(transparent,#b1cfe152);animation:mixwx-falling calc(2.1s + var(--i) * .09s) linear infinite;animation-delay:calc(var(--i) * -.38s)}html body #mix-weather[data-wx-windy=yes]:not(:has(.wx-head>.wx-scene.rain)):not(:has(.wx-head>.wx-scene.snow)) .wx-weather-fx i{left:-90px;top:calc(15% + var(--i) * 4.5%);width:65px;height:10px;border-top:1px solid rgba(197,218,216,.14);border-radius:50%;background:none;animation:mixwx-wind calc(5s + var(--i) * .12s) linear infinite;animation-delay:calc(var(--i) * -.7s)}html body #mix-weather:has(.wx-head>.wx-scene.snow) .wx-weather-fx i{width:3px;height:3px;border-radius:50%;background:#e2eef547;animation:mixwx-falling calc(6s + var(--i) * .15s) linear infinite;animation-delay:calc(var(--i) * -.9s)}html body #mix-weather[data-wx-thermal=hot]:not(:has(.wx-head>.wx-scene.night)):not(:has(.wx-head>.wx-scene.rain)) .wx-weather-fx:after{content:"";position:absolute;top:20%;right:-10%;bottom:-25%;left:-10%;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 35px,rgba(230,177,94,.07) 39px,transparent 46px);filter:blur(7px);animation:mixwx-heat 7s ease-in-out infinite alternate}@keyframes mixwx-falling{0%{transform:translateY(-20px);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(-30px,460px);opacity:0}}@keyframes mixwx-wind{0%{transform:translate(0);opacity:0}20%{opacity:1}75%{opacity:1}to{transform:translate(1800px);opacity:0}}@keyframes mixwx-heat{0%{transform:translateY(8px) scaleX(.97);opacity:.35}to{transform:translateY(-15px) scaleX(1.04);opacity:.65}}@media(prefers-reduced-motion:reduce){html body #mix-weather .wx-weather-fx{display:none}}html body .mix-exact-home #mix-grasrot-no{display:block!important;padding:20px!important;min-height:0!important;margin:0!important;width:100%!important;box-sizing:border-box!important;border:1px solid #455738!important;border-radius:20px!important;background:linear-gradient(145deg,#24341f,#15251b)!important}html body .mix-exact-home #mix-grasrot-no h2{font:700 22px/1.3 Segoe UI,sans-serif!important;margin:10px 0!important;color:#f1f3e7!important}html body .mix-exact-home #mix-grasrot-no p{font:400 13px/1.6 Segoe UI,sans-serif!important;margin:10px 0!important;color:#c8d2bd!important}html body .mix-exact-home #mix-grasrot-no .gr-action{margin-top:15px!important;display:grid!important;gap:9px!important;width:100%!important}html body .mix-exact-home #mix-grasrot-no .gr-button{display:block!important;min-width:0!important;white-space:normal!important;padding:12px!important;font:700 13px/1.5 Segoe UI,sans-serif!important;text-align:center!important}html body .mix-exact-home #mix-grasrot-no small{font:400 10px/1.5 Segoe UI,sans-serif!important;color:#bcc9b2!important}html body #mix-weather h2,html body #mix-weather button{font-family:Segoe UI,sans-serif!important}html body #mix-weather [hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/19/assets/mix-home-weather.css.map */
