.window-weather{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .7s}.window-weather i{display:none}.sophia-studio[data-window-weather=rain] .window-weather{opacity:.42;background:linear-gradient(105deg,transparent 35%,#bec7c709 60%,transparent)}[data-window-weather=rain] .window-weather i{display:block;position:absolute;top:-35%;left:var(--x);width:1px;height:28%;background:linear-gradient(transparent,#dfede877,transparent);transform:rotate(8deg);animation:rain-on-glass var(--speed,7s) linear infinite;animation-delay:var(--delay,0s)}.window-weather i:nth-child(1){--x:43%;--speed:8s;--delay:-2s}.window-weather i:nth-child(2){--x:57%;--speed:6s;--delay:-4s}.window-weather i:nth-child(3){--x:69%;--speed:10s;--delay:-5s}.window-weather i:nth-child(4){--x:77%;--speed:7s;--delay:-1s}.window-weather i:nth-child(5){--x:85%;--speed:9s;--delay:-6s}.window-weather i:nth-child(6){--x:91%;--speed:11s;--delay:-8s}.sophia-studio[data-window-weather=sea] .window-weather{opacity:.2;background:linear-gradient(115deg,transparent 45%,#fffbe750 62%,transparent 80%);animation:sea-light 19s ease-in-out infinite}.sophia-studio[data-window-weather=lamp] .window-weather{opacity:.5;background:radial-gradient(ellipse at 95% 64%,#e8af6125,transparent 43%)}[data-weather-motion=false] .window-weather,[data-weather-motion=false] .window-weather i{animation:none!important}[data-weather-motion=false][data-window-weather=rain] .window-weather i{top:15%;opacity:.45}.environment-dialog{width:min(1050px,calc(100% - 40px));max-width:none;padding:45px}.environment-dialog h2{font:33px/1.6 var(--display);margin-bottom:13px}.environment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:28px 0}.environment-grid>button{text-align:left;padding:0;background:#f7f9f0;border:1px solid #c2cfb8;overflow:hidden;border-radius:5px}.environment-grid>button[aria-pressed=true]{border-color:#35573b;box-shadow:0 0 0 1px #35573b}.environment-grid>button>div{height:190px;position:relative;overflow:hidden}.environment-grid img{height:100%;width:100%;object-fit:cover}.environment-grid button>span{display:block;padding:21px}.environment-grid strong{font:24px/1.5 var(--display);display:block}.environment-grid small{display:block;font-size:12px;line-height:1.8;margin:8px 0;min-height:43px;color:#53664b}.environment-grid em{font-size:12px;font-style:normal;display:block;margin-top:17px;text-decoration:underline;text-underline-offset:5px}.environment-controls{display:flex;justify-content:space-between;gap:22px;align-items:center;margin:28px 0}.environment-controls>label{margin:0}.environment-rain{position:absolute;inset:0;background:repeating-linear-gradient(98deg,transparent 0 38px,#eaf4ec33 38px 39px,transparent 39px 85px);opacity:.5}
@keyframes rain-on-glass{to{top:115%}}@keyframes sea-light{0%,100%{transform:translateX(-4%);opacity:.15}50%{transform:translateX(4%);opacity:.25}}
@media(max-width:700px){.environment-dialog{padding:48px 24px 25px}.environment-dialog h2{font-size:27px}.environment-grid{grid-template-columns:1fr;gap:17px}.environment-grid>button{display:grid;grid-template-columns:40% 60%}.environment-grid>button>div{height:100%;min-height:185px}.environment-grid button>span{padding:18px}.environment-grid strong{font-size:23px}.environment-controls{display:block}.environment-controls>label{margin-bottom:20px}.environment-controls>button{width:100%}}
@media(prefers-reduced-motion:reduce){.window-weather,.window-weather i{animation:none!important}}