/* Native SVG + CSS. Playback and pause work without JavaScript. */
.anv-demo{position:relative;width:100%;min-width:0;margin:0;color:#203d39;font-family:Arial,sans-serif}
.anv-demo *{box-sizing:border-box}
.anv-demo .anv-svg{display:block;width:100%;height:auto;border:1px solid #ccd8d2;border-radius:4px;padding-top:46px;background:#f0f4f3}
.anv-demo .anv-control{position:absolute;top:10px;left:18px;display:inline-flex;align-items:center;min-height:36px;padding:8px 12px 8px 31px;border-radius:3px;background:#203d39;color:#fff;font:600 12px/1.3 Arial,sans-serif;cursor:pointer;z-index:1}
.anv-control::before{content:'Ⅱ';position:absolute;left:12px;top:8px}
.anv-demo .anv-pause,.anv-demo .anv-enable{position:absolute;top:16px;left:18px;width:1px;height:1px;opacity:0}
.anv-demo .anv-enable,.anv-demo .anv-reduced-control,.anv-resume-label,.anv-disable-label{display:none}
.anv-pause:checked~.anv-normal-control .anv-pause-label{display:none}
.anv-pause:checked~.anv-normal-control .anv-resume-label{display:inline}
.anv-pause:checked~.anv-normal-control::before,.anv-reduced-control::before{content:'▶'}
.anv-pause:focus-visible~.anv-normal-control,.anv-enable:focus-visible~.anv-reduced-control{outline:3px solid #ad492d;outline-offset:3px}
.anv-pause:checked~svg .anv-motion{animation-play-state:paused!important}
.anv-caption{margin:12px 0 0;font:400 12px/1.6 Arial,sans-serif;color:#536966;text-align:left}
#everyday-living{scroll-margin-top:90px}
.anv-surface .anv-motion{animation-duration:8s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:both}
.anv-mark{animation-name:anv-mark-a;opacity:0}.anv-mark-b{animation-name:anv-mark-b}.anv-mark-c{animation-name:anv-mark-c}
.anv-contact{animation-name:anv-contact;opacity:0}.anv-cloth{animation-name:anv-cloth;opacity:0}
.anv-touch-text{animation-name:anv-touch-text}.anv-wipe-text{animation-name:anv-wipe-text;opacity:0}
@keyframes anv-mark-a{0%,12%,50%,100%{opacity:0}20%,42%{opacity:.72}}
@keyframes anv-mark-b{0%,19%,62%,100%{opacity:0}28%,53%{opacity:.72}}
@keyframes anv-mark-c{0%,26%,74%,100%{opacity:0}35%,65%{opacity:.72}}
@keyframes anv-contact{0%,6%,34%,100%{opacity:0;transform:translateY(-12px)}14%,24%{opacity:1;transform:translateY(0)}}
@keyframes anv-cloth{0%,31%{opacity:0;transform:translate(-40px,0)}38%{opacity:1;transform:translate(0,0)}76%{opacity:1;transform:translate(360px,55px)}83%,100%{opacity:0;transform:translate(390px,61px)}}
@keyframes anv-touch-text{0%,35%{opacity:1}42%,89%{opacity:0}96%,100%{opacity:1}}
@keyframes anv-wipe-text{0%,35%,96%,100%{opacity:0}42%,89%{opacity:1}}
.anv-storage .anv-motion{animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both}
.anv-upper{animation-name:anv-upper}.anv-upper-face{animation-name:anv-upper-face}.anv-deep{animation-name:anv-deep}.anv-deep-face{animation-name:anv-deep-face;transform-origin:184px 228px}.anv-door{animation-name:anv-door;transform-origin:641px 149px}.anv-inside{animation-name:anv-inside;opacity:0}.anv-labels{animation-name:anv-labels;opacity:0}
@keyframes anv-upper{0%,8%,95%,100%{transform:translate(0,0)}28%,76%{transform:translate(-34px,10px)}}
@keyframes anv-upper-face{0%,8%,95%,100%{transform:translateY(0)}28%,76%{transform:translateY(67px)}}
@keyframes anv-deep{0%,18%,95%,100%{transform:translate(0,0)}41%,76%{transform:translate(-47px,-2px)}}
@keyframes anv-deep-face{0%,18%,95%,100%{transform:translateY(0) scaleY(1)}41%,76%{transform:translateY(112px) scaleY(.52)}}
@keyframes anv-door{0%,30%,95%,100%{transform:scaleX(1)}52%,76%{transform:scaleX(.09)}}
@keyframes anv-inside{0%,8%,95%,100%{opacity:0}23%,83%{opacity:1}}
@keyframes anv-labels{0%,43%,92%,100%{opacity:0}53%,77%{opacity:1}}
@media(prefers-reduced-motion:reduce){
 .anv-demo .anv-motion{animation-play-state:paused!important}
 .anv-demo .anv-pause,.anv-demo .anv-normal-control{display:none}
 .anv-demo .anv-enable{display:block}.anv-demo .anv-reduced-control{display:inline-flex}
 .anv-enable:checked~svg .anv-motion{animation-play-state:running!important}
 .anv-enable:checked~.anv-reduced-control .anv-enable-label{display:none}
 .anv-enable:checked~.anv-reduced-control .anv-disable-label{display:inline}
 .anv-enable:checked~.anv-reduced-control::before{content:'Ⅱ'}
}
@media(max-width:600px){.anv-demo .anv-control{min-height:44px;top:8px;left:12px;padding-top:12px;padding-bottom:12px}.anv-control::before{top:12px}.anv-demo .anv-svg{padding-top:56px}}
.amp-editor-preview .anv-motion{animation-play-state:paused!important}