.hasjs [data-animate]{opacity:0}#storybook-root [data-animate]{opacity:0}.hasjs .animate{opacity:1}#storybook-root .animate{opacity:1}.animate--fade-in{-webkit-animation:fade-in 1000ms ease-in both;animation:fade-in 1000ms ease-in both}.animate--fade-in-top{-webkit-animation:fade-in-top 600ms ease-in both;animation:fade-in-top 600ms ease-in both}.animate[data-animation-duration="0"]{-webkit-animation-duration:0ms;animation-duration:0ms}.animate[data-animation-delay="0"]{-webkit-animation-delay:0ms;animation-delay:0ms}.animate[data-animation-duration="100"]{-webkit-animation-duration:100ms;animation-duration:100ms}.animate[data-animation-delay="100"]{-webkit-animation-delay:100ms;animation-delay:100ms}.animate[data-animation-duration="200"]{-webkit-animation-duration:200ms;animation-duration:200ms}.animate[data-animation-delay="200"]{-webkit-animation-delay:200ms;animation-delay:200ms}.animate[data-animation-duration="300"]{-webkit-animation-duration:300ms;animation-duration:300ms}.animate[data-animation-delay="300"]{-webkit-animation-delay:300ms;animation-delay:300ms}.animate[data-animation-duration="400"]{-webkit-animation-duration:400ms;animation-duration:400ms}.animate[data-animation-delay="400"]{-webkit-animation-delay:400ms;animation-delay:400ms}.animate[data-animation-duration="500"]{-webkit-animation-duration:500ms;animation-duration:500ms}.animate[data-animation-delay="500"]{-webkit-animation-delay:500ms;animation-delay:500ms}.animate[data-animation-duration="600"]{-webkit-animation-duration:600ms;animation-duration:600ms}.animate[data-animation-delay="600"]{-webkit-animation-delay:600ms;animation-delay:600ms}.animate[data-animation-duration="700"]{-webkit-animation-duration:700ms;animation-duration:700ms}.animate[data-animation-delay="700"]{-webkit-animation-delay:700ms;animation-delay:700ms}.animate[data-animation-duration="800"]{-webkit-animation-duration:800ms;animation-duration:800ms}.animate[data-animation-delay="800"]{-webkit-animation-delay:800ms;animation-delay:800ms}.animate[data-animation-duration="900"]{-webkit-animation-duration:900ms;animation-duration:900ms}.animate[data-animation-delay="900"]{-webkit-animation-delay:900ms;animation-delay:900ms}.animate[data-animation-duration="1000"]{-webkit-animation-duration:1000ms;animation-duration:1000ms}.animate[data-animation-delay="1000"]{-webkit-animation-delay:1000ms;animation-delay:1000ms}.animate[data-animation-duration="1100"]{-webkit-animation-duration:1100ms;animation-duration:1100ms}.animate[data-animation-delay="1100"]{-webkit-animation-delay:1100ms;animation-delay:1100ms}.animate[data-animation-duration="1200"]{-webkit-animation-duration:1200ms;animation-duration:1200ms}.animate[data-animation-delay="1200"]{-webkit-animation-delay:1200ms;animation-delay:1200ms}.animate[data-animation-duration="1300"]{-webkit-animation-duration:1300ms;animation-duration:1300ms}.animate[data-animation-delay="1300"]{-webkit-animation-delay:1300ms;animation-delay:1300ms}.animate[data-animation-duration="1400"]{-webkit-animation-duration:1400ms;animation-duration:1400ms}.animate[data-animation-delay="1400"]{-webkit-animation-delay:1400ms;animation-delay:1400ms}.animate[data-animation-duration="1500"]{-webkit-animation-duration:1500ms;animation-duration:1500ms}.animate[data-animation-delay="1500"]{-webkit-animation-delay:1500ms;animation-delay:1500ms}.animate[data-animation-duration="1600"]{-webkit-animation-duration:1600ms;animation-duration:1600ms}.animate[data-animation-delay="1600"]{-webkit-animation-delay:1600ms;animation-delay:1600ms}.animate[data-animation-duration="1700"]{-webkit-animation-duration:1700ms;animation-duration:1700ms}.animate[data-animation-delay="1700"]{-webkit-animation-delay:1700ms;animation-delay:1700ms}.animate[data-animation-duration="1800"]{-webkit-animation-duration:1800ms;animation-duration:1800ms}.animate[data-animation-delay="1800"]{-webkit-animation-delay:1800ms;animation-delay:1800ms}.animate[data-animation-duration="1900"]{-webkit-animation-duration:1900ms;animation-duration:1900ms}.animate[data-animation-delay="1900"]{-webkit-animation-delay:1900ms;animation-delay:1900ms}.animate[data-animation-duration="2000"]{-webkit-animation-duration:2000ms;animation-duration:2000ms}.animate[data-animation-delay="2000"]{-webkit-animation-delay:2000ms;animation-delay:2000ms}.animate[data-animation-duration="2500"]{-webkit-animation-duration:2500ms;animation-duration:2500ms}.animate[data-animation-delay="2500"]{-webkit-animation-delay:2500ms;animation-delay:2500ms}.animate[data-animation-duration="3000"]{-webkit-animation-duration:3000ms;animation-duration:3000ms}.animate[data-animation-delay="3000"]{-webkit-animation-delay:3000ms;animation-delay:3000ms}.animate[data-animation-duration="4000"]{-webkit-animation-duration:4000ms;animation-duration:4000ms}.animate[data-animation-delay="4000"]{-webkit-animation-delay:4000ms;animation-delay:4000ms}.animate[data-animation-duration="5000"]{-webkit-animation-duration:5000ms;animation-duration:5000ms}.animate[data-animation-delay="5000"]{-webkit-animation-delay:5000ms;animation-delay:5000ms}.animate[data-animation-duration="6000"]{-webkit-animation-duration:6000ms;animation-duration:6000ms}.animate[data-animation-delay="6000"]{-webkit-animation-delay:6000ms;animation-delay:6000ms}.animate[data-animation-duration="7000"]{-webkit-animation-duration:7000ms;animation-duration:7000ms}.animate[data-animation-delay="7000"]{-webkit-animation-delay:7000ms;animation-delay:7000ms}.animate[data-animation-duration="8000"]{-webkit-animation-duration:8000ms;animation-duration:8000ms}.animate[data-animation-delay="8000"]{-webkit-animation-delay:8000ms;animation-delay:8000ms}.animate[data-animation-duration="9000"]{-webkit-animation-duration:9000ms;animation-duration:9000ms}.animate[data-animation-delay="9000"]{-webkit-animation-delay:9000ms;animation-delay:9000ms}.animate[data-animation-duration="10000"]{-webkit-animation-duration:10000ms;animation-duration:10000ms}.animate[data-animation-delay="10000"]{-webkit-animation-delay:10000ms;animation-delay:10000ms}.animate[data-animation-duration="11000"]{-webkit-animation-duration:11000ms;animation-duration:11000ms}.animate[data-animation-delay="11000"]{-webkit-animation-delay:11000ms;animation-delay:11000ms}.animate[data-animation-duration="12000"]{-webkit-animation-duration:120000ms;animation-duration:12000ms}.animate[data-animation-delay="12000"]{-webkit-animation-delay:12000ms;animation-delay:12000ms}.animate[data-animation-duration="13000"]{-webkit-animation-duration:13000ms;animation-duration:13000ms}.animate[data-animation-delay="13000"]{-webkit-animation-delay:13000ms;animation-delay:13000ms}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-in-top{from{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-top{from{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes unmask{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@-webkit-keyframes unmask{0%{transform:translateY(100%)}100%{transform:translateY(0)}}