/* Approved samples 03, 04 and 05. Logo animations have their own unchanged module. */
/* Visible by default: a missing observer or script must never hide a card. */
.js main .comp-card.reveal,.js main .aw-comp.reveal,.js main .shop-card.reveal{animation:none!important;opacity:1}
.mm-motion-button{position:relative;overflow:hidden;isolation:isolate}
.mm-motion-button::before{content:"";position:absolute;inset:-45%;z-index:1;pointer-events:none;background:linear-gradient(110deg,transparent 37%,rgba(255,250,218,.65) 50%,transparent 63%);opacity:0;transform:translateX(-145%)}
.mm-motion-button.mm-button-glinting::before{animation:mmApprovedButtonLight .85s ease-in-out both}
.mm-button-glinting .mm-motion-arrow{animation:mmApprovedArrow .85s ease-in-out both}
@keyframes mmApprovedButtonLight{0%{opacity:0;transform:translateX(-145%)}40%{opacity:.7}100%{opacity:0;transform:translateX(145%)}}
@keyframes mmApprovedArrow{0%,100%{translate:0 0}50%{translate:5px 0}}
.mw-weather-reading.mm-weather-enhanced>.mw-weather-dot{display:none}
.mm-wx-mini{position:relative;display:inline-block;isolation:isolate;flex:0 0 64px;width:64px;height:40px;overflow:hidden;pointer-events:none;color:var(--wx-accent,#38516f);margin:-3px 0}
.mm-wx-mini svg{display:block;width:100%;height:100%;overflow:visible;fill:none}
.mm-wx-sun{fill:#eac76f;stroke:#b48e43;stroke-width:1.1}
.mm-wx-rays{fill:none;stroke:#dbb55c;stroke-width:1.6;stroke-linecap:round}
.mm-wx-moon{display:none;fill:#f5e8ba;stroke:#cbb880;stroke-width:1}
.mm-wx-clouds{fill:#fffdf7;stroke:currentColor;stroke-width:1.1;stroke-linejoin:round}
.mm-wx-mini[data-weather="sunny"] .mm-wx-clouds{display:none}
.mm-wx-mini:not([data-weather="sunny"]) .mm-wx-sun,.mm-wx-mini:not([data-weather="sunny"]) .mm-wx-rays{display:none}
.mm-wx-mini[data-night="1"] .mm-wx-sun,.mm-wx-mini[data-night="1"] .mm-wx-rays{display:none}
.mm-wx-mini[data-night="1"][data-weather="sunny"] .mm-wx-moon{display:block}
.mm-wx-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.mm-wx-particle{position:absolute;top:48%;display:block;opacity:0;pointer-events:none}
.mm-wx-rain{width:1px;height:7px;background:var(--wx-accent,#38516f);transform:rotate(15deg);border-radius:1px}
.mm-wx-snow{width:2.5px;height:2.5px;border-radius:50%;background:#fff;box-shadow:0 0 1px 1px #6a91ae55}
html[data-theme="dark"] .mm-wx-clouds{fill:#7188a1;stroke:#d9e5ef}
@media(max-width:640px){.mm-wx-mini{flex-basis:48px;width:48px;height:32px;margin:-2px 0}}
@media(prefers-reduced-motion:reduce){.mm-motion-button.mm-button-glinting::before,.mm-button-glinting .mm-motion-arrow{animation:none!important}.mm-wx-particle{display:none}}
@media print{.mm-wx-mini,.mm-motion-button::before{display:none!important}}
