html{color:#000;background:#fff}*,:after,:before{box-sizing:border-box}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1.175em}h6{font-size:1.1em}q:after,q:before{content:""}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}html{color:#000;background:#fff}*,:after,:before{box-sizing:border-box}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1.175em}h6{font-size:1.1em}q:after,q:before{content:""}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{background:#feebee}body,html{font-family:sans-serif;font-style:normal;font-weight:normal}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}figure.chart canvas{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 25%);mask-image:linear-gradient(90deg,transparent 0,#000 25%)}figure.chart>section{position:absolute;top:50%;left:5%;transform:translateY(-50%)}figure.chart>section>p{display:inline-block;color:#fff;font-family:"Bebas Kai";font-size:48px;text-shadow:2px 2px 0 #000 , -2px 2px 0 #000 , 2px -2px 0 #000 , -2px -2px 0 #000;text-align:center;line-height:.8;transition:opacity 1s}figure.chart>section>p+p{margin-left:4rem}figure.chart>section>p:after{display:block;font-size:32px}figure.chart>section>p:empty{opacity:0}figure.chart>section>p[data-purpose="heart-rate"]:after{content:"bpm"}figure.chart>section>p[data-purpose="calories"]:after{content:"kcal"}figure.heartbeat.heart{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}figure.heartbeat.heart>.beater{width:60vmin;height:auto;fill:#f7d3d0;transform:scale(.8);transition:fill 1s , transform 1s}figure.heartbeat.heart>.beater[data-beat]{animation:a}@keyframes a{0%{fill:#f7d3d0;transform:scale(.8)}15%{fill:#f68c85;transform:scale(.9)}25%{fill:#f68c85;transform:scale(.85)}40%{fill:#f54639;transform:scale(1)}42%{fill:#f54639;transform:scale(1)}to{fill:#f7d3d0;transform:scale(.8)}}figure.heartbeat.heart>h1{position:absolute;left:50%;top:50%;font-family:monospace;font-size:10vmin;color:#fff;transform:translate(-50%,-80%);transition:opacity 1s;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}figure.heartbeat.heart:not([data-active])>h1{opacity:0}figure.heartbeat.heart[data-active]>h1{opacity:1}figure.heartbeat.ekg>svg{position:absolute;bottom:0;left:0;right:0;width:100%;height:auto}figure.heartbeat.ekg>svg .beater{stroke-dasharray:2 16;stroke-dashoffset:2}figure.heartbeat.ekg>svg .beater[data-beat]{animation:b cubic-bezier(.465,.69,.395,.815)}@keyframes b{0%{stroke-dashoffset:2}to{stroke-dashoffset:-16}}figure.heartbeat.ekg>h1{position:absolute;right:13.5rem;bottom:2.25rem;font-family:"Silkscreen (Ruirize)";font-weight:400;font-size:9rem;color:#fff;text-shadow:.116em .116em 0 #000;transform:translate(-50%,-80%);transition:opacity 1s;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}figure.heartbeat.ekg:not([data-active])>h1{opacity:0}figure.heartbeat.ekg[data-active]>h1{opacity:1}