/* Production adaptations of the isolated face studies. ES5-era CSS only. */
.face-picker{max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}
.dot-meridian{background:#bf5637}.dot-atelier{background:#754964}.dot-platform{background:#1747bd}
html[data-theme="meridian"][data-mode="light"],html[data-theme="meridian"][data-mode="light"] body,html[data-theme="meridian"][data-mode="light"] .dashboard,html[data-theme="meridian"][data-mode="light"] .face-picker,html[data-theme="meridian"][data-mode="light"] select{background:#eee5d0;color:#332f26;}
html[data-theme="meridian"][data-mode="light"] .location,html[data-theme="meridian"][data-mode="light"] .eyebrow,html[data-theme="meridian"][data-mode="light"] .section-heading h1,html[data-theme="meridian"][data-mode="light"] .unit,html[data-theme="meridian"][data-mode="light"] .high-low,html[data-theme="meridian"][data-mode="light"] .feels-like,html[data-theme="meridian"][data-mode="light"] .section-heading>span,html[data-theme="meridian"][data-mode="light"] .forecast-time,html[data-theme="meridian"][data-mode="light"] .forecast-placeholder,html[data-theme="meridian"][data-mode="light"] .connection,html[data-theme="meridian"][data-mode="light"] .connection a{color:#655b47;}
html[data-theme="meridian"][data-mode="light"] .date,html[data-theme="meridian"][data-mode="light"] .meridiem,html[data-theme="meridian"][data-mode="light"] .high-low span,html[data-theme="meridian"][data-mode="light"] button{color:#332f26;}
html[data-theme="meridian"][data-mode="light"] .brand-mark,html[data-theme="meridian"][data-mode="light"] .current-icon,html[data-theme="meridian"][data-mode="light"] .forecast-icon,html[data-theme="meridian"][data-mode="light"] #sun-icon{color:#ae472c;}
html[data-theme="meridian"][data-mode="light"] .theme-swatch,html[data-theme="meridian"][data-mode="light"] .location-dot{background:#ae472c;}
html[data-theme="meridian"][data-mode="light"] .weather-panel,html[data-theme="meridian"][data-mode="light"] .outlook,html[data-theme="meridian"][data-mode="light"] .footer,html[data-theme="meridian"][data-mode="light"] .forecast-hour,html[data-theme="meridian"][data-mode="light"] button,html[data-theme="meridian"][data-mode="light"] select,html[data-theme="meridian"][data-mode="light"] .face-picker{border-color:#b6a88d;}
html[data-theme="meridian"][data-mode="light"] button:focus,html[data-theme="meridian"][data-mode="light"] a:focus,html[data-theme="meridian"][data-mode="light"] select:focus{outline-color:#ae472c;}
html[data-theme="meridian"][data-mode="dark"],html[data-theme="meridian"][data-mode="dark"] body,html[data-theme="meridian"][data-mode="dark"] .dashboard,html[data-theme="meridian"][data-mode="dark"] .face-picker,html[data-theme="meridian"][data-mode="dark"] select{background:#282820;color:#eee0bf;}
html[data-theme="meridian"][data-mode="dark"] .location,html[data-theme="meridian"][data-mode="dark"] .eyebrow,html[data-theme="meridian"][data-mode="dark"] .section-heading h1,html[data-theme="meridian"][data-mode="dark"] .unit,html[data-theme="meridian"][data-mode="dark"] .high-low,html[data-theme="meridian"][data-mode="dark"] .feels-like,html[data-theme="meridian"][data-mode="dark"] .section-heading>span,html[data-theme="meridian"][data-mode="dark"] .forecast-time,html[data-theme="meridian"][data-mode="dark"] .forecast-placeholder,html[data-theme="meridian"][data-mode="dark"] .connection,html[data-theme="meridian"][data-mode="dark"] .connection a{color:#c3b899;}
html[data-theme="meridian"][data-mode="dark"] .date,html[data-theme="meridian"][data-mode="dark"] .meridiem,html[data-theme="meridian"][data-mode="dark"] .high-low span,html[data-theme="meridian"][data-mode="dark"] button{color:#eee0bf;}
html[data-theme="meridian"][data-mode="dark"] .brand-mark,html[data-theme="meridian"][data-mode="dark"] .current-icon,html[data-theme="meridian"][data-mode="dark"] .forecast-icon,html[data-theme="meridian"][data-mode="dark"] #sun-icon{color:#e7a16e;}
html[data-theme="meridian"][data-mode="dark"] .theme-swatch,html[data-theme="meridian"][data-mode="dark"] .location-dot{background:#e7a16e;}
html[data-theme="meridian"][data-mode="dark"] .weather-panel,html[data-theme="meridian"][data-mode="dark"] .outlook,html[data-theme="meridian"][data-mode="dark"] .footer,html[data-theme="meridian"][data-mode="dark"] .forecast-hour,html[data-theme="meridian"][data-mode="dark"] button,html[data-theme="meridian"][data-mode="dark"] select,html[data-theme="meridian"][data-mode="dark"] .face-picker{border-color:#756e55;}
html[data-theme="meridian"][data-mode="dark"] button:focus,html[data-theme="meridian"][data-mode="dark"] a:focus,html[data-theme="meridian"][data-mode="dark"] select:focus{outline-color:#e7a16e;}
html[data-theme="atelier"][data-mode="light"],html[data-theme="atelier"][data-mode="light"] body,html[data-theme="atelier"][data-mode="light"] .dashboard,html[data-theme="atelier"][data-mode="light"] .face-picker,html[data-theme="atelier"][data-mode="light"] select{background:#eee7e7;color:#492a40;}
html[data-theme="atelier"][data-mode="light"] .location,html[data-theme="atelier"][data-mode="light"] .eyebrow,html[data-theme="atelier"][data-mode="light"] .section-heading h1,html[data-theme="atelier"][data-mode="light"] .unit,html[data-theme="atelier"][data-mode="light"] .high-low,html[data-theme="atelier"][data-mode="light"] .feels-like,html[data-theme="atelier"][data-mode="light"] .section-heading>span,html[data-theme="atelier"][data-mode="light"] .forecast-time,html[data-theme="atelier"][data-mode="light"] .forecast-placeholder,html[data-theme="atelier"][data-mode="light"] .connection,html[data-theme="atelier"][data-mode="light"] .connection a{color:#74586c;}
html[data-theme="atelier"][data-mode="light"] .date,html[data-theme="atelier"][data-mode="light"] .meridiem,html[data-theme="atelier"][data-mode="light"] .high-low span,html[data-theme="atelier"][data-mode="light"] button{color:#492a40;}
html[data-theme="atelier"][data-mode="light"] .brand-mark,html[data-theme="atelier"][data-mode="light"] .current-icon,html[data-theme="atelier"][data-mode="light"] .forecast-icon,html[data-theme="atelier"][data-mode="light"] #sun-icon{color:#754964;}
html[data-theme="atelier"][data-mode="light"] .theme-swatch,html[data-theme="atelier"][data-mode="light"] .location-dot{background:#754964;}
html[data-theme="atelier"][data-mode="light"] .weather-panel,html[data-theme="atelier"][data-mode="light"] .outlook,html[data-theme="atelier"][data-mode="light"] .footer,html[data-theme="atelier"][data-mode="light"] .forecast-hour,html[data-theme="atelier"][data-mode="light"] button,html[data-theme="atelier"][data-mode="light"] select,html[data-theme="atelier"][data-mode="light"] .face-picker{border-color:#bba6b6;}
html[data-theme="atelier"][data-mode="light"] button:focus,html[data-theme="atelier"][data-mode="light"] a:focus,html[data-theme="atelier"][data-mode="light"] select:focus{outline-color:#754964;}
html[data-theme="atelier"][data-mode="dark"],html[data-theme="atelier"][data-mode="dark"] body,html[data-theme="atelier"][data-mode="dark"] .dashboard,html[data-theme="atelier"][data-mode="dark"] .face-picker,html[data-theme="atelier"][data-mode="dark"] select{background:#271e2a;color:#ebd9df;}
html[data-theme="atelier"][data-mode="dark"] .location,html[data-theme="atelier"][data-mode="dark"] .eyebrow,html[data-theme="atelier"][data-mode="dark"] .section-heading h1,html[data-theme="atelier"][data-mode="dark"] .unit,html[data-theme="atelier"][data-mode="dark"] .high-low,html[data-theme="atelier"][data-mode="dark"] .feels-like,html[data-theme="atelier"][data-mode="dark"] .section-heading>span,html[data-theme="atelier"][data-mode="dark"] .forecast-time,html[data-theme="atelier"][data-mode="dark"] .forecast-placeholder,html[data-theme="atelier"][data-mode="dark"] .connection,html[data-theme="atelier"][data-mode="dark"] .connection a{color:#c6b0be;}
html[data-theme="atelier"][data-mode="dark"] .date,html[data-theme="atelier"][data-mode="dark"] .meridiem,html[data-theme="atelier"][data-mode="dark"] .high-low span,html[data-theme="atelier"][data-mode="dark"] button{color:#ebd9df;}
html[data-theme="atelier"][data-mode="dark"] .brand-mark,html[data-theme="atelier"][data-mode="dark"] .current-icon,html[data-theme="atelier"][data-mode="dark"] .forecast-icon,html[data-theme="atelier"][data-mode="dark"] #sun-icon{color:#dcaccb;}
html[data-theme="atelier"][data-mode="dark"] .theme-swatch,html[data-theme="atelier"][data-mode="dark"] .location-dot{background:#dcaccb;}
html[data-theme="atelier"][data-mode="dark"] .weather-panel,html[data-theme="atelier"][data-mode="dark"] .outlook,html[data-theme="atelier"][data-mode="dark"] .footer,html[data-theme="atelier"][data-mode="dark"] .forecast-hour,html[data-theme="atelier"][data-mode="dark"] button,html[data-theme="atelier"][data-mode="dark"] select,html[data-theme="atelier"][data-mode="dark"] .face-picker{border-color:#776171;}
html[data-theme="atelier"][data-mode="dark"] button:focus,html[data-theme="atelier"][data-mode="dark"] a:focus,html[data-theme="atelier"][data-mode="dark"] select:focus{outline-color:#dcaccb;}
html[data-theme="platform"][data-mode="light"],html[data-theme="platform"][data-mode="light"] body,html[data-theme="platform"][data-mode="light"] .dashboard,html[data-theme="platform"][data-mode="light"] .face-picker,html[data-theme="platform"][data-mode="light"] select{background:#1747bd;color:#fff5da;}
html[data-theme="platform"][data-mode="light"] .location,html[data-theme="platform"][data-mode="light"] .eyebrow,html[data-theme="platform"][data-mode="light"] .section-heading h1,html[data-theme="platform"][data-mode="light"] .unit,html[data-theme="platform"][data-mode="light"] .high-low,html[data-theme="platform"][data-mode="light"] .feels-like,html[data-theme="platform"][data-mode="light"] .section-heading>span,html[data-theme="platform"][data-mode="light"] .forecast-time,html[data-theme="platform"][data-mode="light"] .forecast-placeholder,html[data-theme="platform"][data-mode="light"] .connection,html[data-theme="platform"][data-mode="light"] .connection a{color:#e1e7ff;}
html[data-theme="platform"][data-mode="light"] .date,html[data-theme="platform"][data-mode="light"] .meridiem,html[data-theme="platform"][data-mode="light"] .high-low span,html[data-theme="platform"][data-mode="light"] button{color:#fff5da;}
html[data-theme="platform"][data-mode="light"] .brand-mark,html[data-theme="platform"][data-mode="light"] .current-icon,html[data-theme="platform"][data-mode="light"] .forecast-icon,html[data-theme="platform"][data-mode="light"] #sun-icon{color:#fff5da;}
html[data-theme="platform"][data-mode="light"] .theme-swatch,html[data-theme="platform"][data-mode="light"] .location-dot{background:#fff5da;}
html[data-theme="platform"][data-mode="light"] .weather-panel,html[data-theme="platform"][data-mode="light"] .outlook,html[data-theme="platform"][data-mode="light"] .footer,html[data-theme="platform"][data-mode="light"] .forecast-hour,html[data-theme="platform"][data-mode="light"] button,html[data-theme="platform"][data-mode="light"] select,html[data-theme="platform"][data-mode="light"] .face-picker{border-color:#a4baff;}
html[data-theme="platform"][data-mode="light"] button:focus,html[data-theme="platform"][data-mode="light"] a:focus,html[data-theme="platform"][data-mode="light"] select:focus{outline-color:#fff5da;}
html[data-theme="platform"][data-mode="dark"],html[data-theme="platform"][data-mode="dark"] body,html[data-theme="platform"][data-mode="dark"] .dashboard,html[data-theme="platform"][data-mode="dark"] .face-picker,html[data-theme="platform"][data-mode="dark"] select{background:#101c36;color:#d9e4ff;}
html[data-theme="platform"][data-mode="dark"] .location,html[data-theme="platform"][data-mode="dark"] .eyebrow,html[data-theme="platform"][data-mode="dark"] .section-heading h1,html[data-theme="platform"][data-mode="dark"] .unit,html[data-theme="platform"][data-mode="dark"] .high-low,html[data-theme="platform"][data-mode="dark"] .feels-like,html[data-theme="platform"][data-mode="dark"] .section-heading>span,html[data-theme="platform"][data-mode="dark"] .forecast-time,html[data-theme="platform"][data-mode="dark"] .forecast-placeholder,html[data-theme="platform"][data-mode="dark"] .connection,html[data-theme="platform"][data-mode="dark"] .connection a{color:#a4bdf5;}
html[data-theme="platform"][data-mode="dark"] .date,html[data-theme="platform"][data-mode="dark"] .meridiem,html[data-theme="platform"][data-mode="dark"] .high-low span,html[data-theme="platform"][data-mode="dark"] button{color:#d9e4ff;}
html[data-theme="platform"][data-mode="dark"] .brand-mark,html[data-theme="platform"][data-mode="dark"] .current-icon,html[data-theme="platform"][data-mode="dark"] .forecast-icon,html[data-theme="platform"][data-mode="dark"] #sun-icon{color:#a4bdf5;}
html[data-theme="platform"][data-mode="dark"] .theme-swatch,html[data-theme="platform"][data-mode="dark"] .location-dot{background:#a4bdf5;}
html[data-theme="platform"][data-mode="dark"] .weather-panel,html[data-theme="platform"][data-mode="dark"] .outlook,html[data-theme="platform"][data-mode="dark"] .footer,html[data-theme="platform"][data-mode="dark"] .forecast-hour,html[data-theme="platform"][data-mode="dark"] button,html[data-theme="platform"][data-mode="dark"] select,html[data-theme="platform"][data-mode="dark"] .face-picker{border-color:#536b9c;}
html[data-theme="platform"][data-mode="dark"] button:focus,html[data-theme="platform"][data-mode="dark"] a:focus,html[data-theme="platform"][data-mode="dark"] select:focus{outline-color:#a4bdf5;}
[data-theme="meridian"] .landscape,[data-theme="atelier"] .landscape,[data-theme="platform"] .landscape{display:none}
[data-theme="meridian"] .dashboard:before{content:"";position:absolute;top:16%;right:8%;width:290px;height:290px;border-radius:50%;background:#bf5637;opacity:.15;pointer-events:none}
[data-theme="meridian"] .dashboard:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:75px;background:#bf5637;opacity:.08;pointer-events:none}
[data-theme="meridian"] .clock{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:700;font-size:15.5vw}
[data-theme="meridian"] .brand-mark{display:none}
[data-theme="meridian"] .masthead{border-bottom:1px solid;padding-bottom:15px}
[data-theme="atelier"] body{font-family:Georgia,"Times New Roman",serif}
[data-theme="atelier"] .masthead{border-bottom:3px double;padding-bottom:12px}
[data-theme="atelier"] .brand{font-family:Georgia,serif;letter-spacing:1px}
[data-theme="atelier"] .brand-mark{display:none}
[data-theme="atelier"] .main-display{min-height:365px;padding-top:15px;padding-bottom:15px;justify-content:space-between;-webkit-justify-content:space-between}
[data-theme="atelier"] .clock-panel{width:330px;height:330px;padding:0;border:1px solid;border-radius:50%;text-align:center;display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;justify-content:center;-webkit-justify-content:center;margin-left:5%}
[data-theme="atelier"] .clock{font-size:94px;letter-spacing:-6px;font-weight:400}
[data-theme="atelier"] .meridiem{font-size:16px;margin-left:6px}
[data-theme="atelier"] .date{font-size:20px;font-style:italic;margin:12px 0 0}
[data-theme="atelier"] .weather-panel{border-left:0;width:37%}
[data-theme="atelier"] .forecast-temp,[data-theme="atelier"] .sun-time{font-weight:400;font-style:italic}
[data-theme="atelier"] .outlook{border-top:3px double}
[data-theme="atelier"] button{border-radius:3px}
html[data-view="clock"][data-theme="atelier"] .clock-panel{width:520px;height:520px;margin:0 auto}
html[data-view="clock"][data-theme="atelier"] .clock{font-size:150px;letter-spacing:-8px}
html[data-view="clock"][data-theme="atelier"] .date{font-size:28px}
html[data-view="glance"][data-theme="atelier"] .main-display{min-height:70vh}
[data-theme="platform"] .masthead{border-bottom:3px solid;padding-bottom:15px}
[data-theme="platform"] .brand-mark{display:none}
[data-theme="platform"] .clock{font-family:Arial,sans-serif;font-weight:700;font-size:16vw;letter-spacing:-.9vw}
[data-theme="platform"] .weather-panel{border-left-width:3px}
[data-theme="platform"] .outlook{background:#fff5da;color:#1747bd;border:0;padding:14px 20px 18px}
html[data-theme="platform"] .outlook .section-heading h1,html[data-theme="platform"] .outlook .section-heading>span,html[data-theme="platform"] .forecast-time,html[data-theme="platform"] .forecast-icon{color:#1747bd}
html[data-theme="platform"] .forecast-hour{border-color:#a6b4d4}
[data-theme="platform"] .section-heading{margin:0 0 18px}
[data-theme="platform"] .forecast-temp{font-weight:700}
[data-theme="platform"] button,[data-theme="platform"] select{border-radius:0}
html[data-theme="platform"][data-mode="dark"] .outlook{background:#1d3056;color:#d9e4ff}
html[data-theme="platform"][data-mode="dark"] .outlook .section-heading h1,html[data-theme="platform"][data-mode="dark"] .outlook .section-heading>span,html[data-theme="platform"][data-mode="dark"] .forecast-time,html[data-theme="platform"][data-mode="dark"] .forecast-icon{color:#d9e4ff}
@media(min-width:1200px){[data-theme="meridian"] .clock{font-size:186px}[data-theme="platform"] .clock{font-size:192px}}
@media(max-height:710px) and (min-width:701px){[data-theme="atelier"] .clock-panel{width:285px;height:285px}[data-theme="atelier"] .clock{font-size:80px}[data-theme="atelier"] .main-display{min-height:310px}html[data-view="clock"][data-theme="atelier"] .clock-panel{width:400px;height:400px}html[data-view="clock"][data-theme="atelier"] .clock{font-size:115px}}
@media(max-width:700px){[data-theme="meridian"] .clock,[data-theme="platform"] .clock{font-size:23vw}[data-theme="atelier"] .clock-panel{width:76vw;height:76vw;margin:0 auto}[data-theme="atelier"] .clock{font-size:21vw}[data-theme="atelier"] .date{font-size:4.5vw}[data-theme="atelier"] .weather-panel{width:100%}html[data-view="clock"][data-theme="atelier"] .clock-panel{width:85vw;height:85vw}html[data-view="clock"][data-theme="atelier"] .clock{font-size:23vw}html[data-view="clock"][data-theme="atelier"] .date{font-size:5vw}[data-theme="platform"] .weather-panel{border-left:0}[data-theme="platform"] .outlook{padding-left:10px;padding-right:10px}}