/* screen - odemonstration-all-breakpoints */

.odemonstration-all-breakpoints {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-height: 6355px;
  overflow-x: hidden;
  width: 980px;
}

.odemonstration-all-breakpoints .o-start {
  cursor: pointer;
  height: 439px;
  margin-top: -1px;
  opacity: 0;
  position: relative;
  transition: all 0.2s ease-in-out;
  width: 980px;
}

.odemonstration-all-breakpoints .o-start.bp1-animate-enter26 {
  animation: bp1-animate-enter26-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter26-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .o-start:hover {
  opacity: 0.7;
}

.odemonstration-all-breakpoints .ux {
  font-weight: 900;
  height: 439px;
  left: 0;
  letter-spacing: 0;
  line-height: 439px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 980px;
}

.odemonstration-all-breakpoints .ux.bp1-animate-enter25 {
  animation: bp1-animate-enter25-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter25-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .flex-row {
  align-items: center;
  display: flex;
  height: 3754px;
  margin-right: 1.0px;
  margin-top: 5px;
  min-width: 645px;
}

.odemonstration-all-breakpoints .titleheadertext-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 15.0px;
  min-height: 3693px;
  width: 346px;
}

.odemonstration-all-breakpoints .titleheadertext-12 {
  height: 271px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.odemonstration-all-breakpoints .titleheadertext-12.bp1-animate-enter7 {
  animation: bp1-animate-enter7-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter7-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .o-ask-you-a-simple {
  font-weight: 500;
  left: 1px;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  top: 103px;
  width: 345px;
}

.odemonstration-all-breakpoints .random-sample-no-or {
  font-weight: 600;
  height: 23px;
  left: 0;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  text-align: center;
  top: 45px;
  white-space: nowrap;
  width: 346px;
}

.odemonstration-all-breakpoints .type-something {
  font-weight: 700;
  height: 32px;
  left: 0;
  letter-spacing: 0;
  line-height: 38px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 346px;
}

.odemonstration-all-breakpoints .titleheadertext-12-copy-2 {
  height: 359px;
  margin-top: 110px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.odemonstration-all-breakpoints .titleheadertext-12-copy-2.bp1-animate-enter15 {
  animation: bp1-animate-enter15-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter15-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .o-ask-you-a-simple-1 {
  font-weight: 500;
  left: 1px;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  top: 135px;
  width: 345px;
}

.odemonstration-all-breakpoints .random-sample-no-or-1 {
  font-weight: 600;
  height: 23px;
  left: 0;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  text-align: center;
  top: 77px;
  white-space: nowrap;
  width: 346px;
}

.odemonstration-all-breakpoints .type-something-1 {
  font-weight: 700;
  height: 64px;
  left: 0;
  letter-spacing: 0;
  line-height: 38px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 346px;
}

.odemonstration-all-breakpoints .titleheadertext-12-copy {
  height: 215px;
  margin-top: 140px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.odemonstration-all-breakpoints .titleheadertext-12-copy.bp1-animate-enter8 {
  animation: bp1-animate-enter8-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter8-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .titleheadertext-12-copy-3 {
  height: 327px;
  margin-top: 155px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.odemonstration-all-breakpoints .titleheadertext-12-copy-3.bp1-animate-enter9 {
  animation: bp1-animate-enter9-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter9-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .titleheadertext-12-copy-4 {
  height: 215px;
  margin-top: 155px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.odemonstration-all-breakpoints .titleheadertext-12-copy-4.bp1-animate-enter10 {
  animation: bp1-animate-enter10-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter10-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .titleheadertext-12-copy-5 {
  height: 299px;
  margin-top: 169px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.odemonstration-all-breakpoints .titleheadertext-12-copy-5.bp1-animate-enter11 {
  animation: bp1-animate-enter11-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter11-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .titleheadertext-12-copy-7 {
  height: 271px;
  margin-top: 141px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.odemonstration-all-breakpoints .titleheadertext-12-copy-7.bp1-animate-enter12 {
  animation: bp1-animate-enter12-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter12-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .titleheadertext-12-copy-8 {
  height: 299px;
  margin-top: 140px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.odemonstration-all-breakpoints .titleheadertext-12-copy-8.bp1-animate-enter13 {
  animation: bp1-animate-enter13-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter13-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .titleheadertext-12-copy-9 {
  height: 299px;
  margin-top: 128px;
  opacity: 0;
  position: relative;
  width: 346px;
}

.odemonstration-all-breakpoints .titleheadertext-12-copy-9.bp1-animate-enter14 {
  animation: bp1-animate-enter14-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter14-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .air-dark-copy-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 47px;
  min-height: 3754px;
  width: 252px;
}

.odemonstration-all-breakpoints .air-dark-copy-10 {
  display: block;
  height: 346px;
  opacity: 0;
  width: 252px;
}

.odemonstration-all-breakpoints .air-dark-copy-10.bp1-animate-enter16 {
  animation: bp1-animate-enter16-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter16-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .air-dark-copy-11 {
  display: block;
  height: 346px;
  margin-top: 80px;
  opacity: 0;
  width: 252px;
}

.odemonstration-all-breakpoints .air-dark-copy-11.bp1-animate-enter17 {
  animation: bp1-animate-enter17-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter17-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .air-dark-copy-12 {
  display: block;
  height: 346px;
  margin-top: 80px;
  opacity: 0;
  width: 252px;
}

.odemonstration-all-breakpoints .air-dark-copy-12.bp1-animate-enter18 {
  animation: bp1-animate-enter18-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter18-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .air-dark-copy-4 {
  display: block;
  height: 346px;
  margin-top: 80px;
  opacity: 0;
  width: 252px;
}

.odemonstration-all-breakpoints .air-dark-copy-4.bp1-animate-enter19 {
  animation: bp1-animate-enter19-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter19-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .air-dark-copy-5 {
  display: block;
  height: 346px;
  margin-top: 80px;
  opacity: 0;
  width: 252px;
}

.odemonstration-all-breakpoints .air-dark-copy-5.bp1-animate-enter20 {
  animation: bp1-animate-enter20-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter20-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .air-dark-copy-6 {
  display: block;
  height: 346px;
  margin-top: 80px;
  opacity: 0;
  width: 252px;
}

.odemonstration-all-breakpoints .air-dark-copy-6.bp1-animate-enter21 {
  animation: bp1-animate-enter21-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter21-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .air-dark-copy-9 {
  display: block;
  height: 346px;
  margin-top: 80px;
  opacity: 0;
  width: 252px;
}

.odemonstration-all-breakpoints .air-dark-copy-9.bp1-animate-enter24 {
  animation: bp1-animate-enter24-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter24-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .air-dark-copy-7 {
  display: block;
  height: 346px;
  margin-top: 80px;
  opacity: 0;
  width: 252px;
}

.odemonstration-all-breakpoints .air-dark-copy-7.bp1-animate-enter22 {
  animation: bp1-animate-enter22-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter22-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .air-dark-copy-8 {
  display: block;
  height: 346px;
  margin-top: 80px;
  opacity: 0;
  width: 252px;
}

.odemonstration-all-breakpoints .air-dark-copy-8.bp1-animate-enter23 {
  animation: bp1-animate-enter23-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter23-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .in-5minutes-and-40-s-copy {
  font-weight: 700;
  letter-spacing: 0;
  line-height: 29px;
  margin-right: 2.0px;
  margin-top: 183px;
  min-height: 56px;
  width: 644px;
}

.odemonstration-all-breakpoints .baseball-container-1 {
  align-items: flex-start;
  display: flex;
  margin-right: 2.0px;
  margin-top: 134px;
  min-width: 816px;
}

.odemonstration-all-breakpoints .baseball-2 {
  display: block;
  height: 220px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-2.bp1-animate-enter29 {
  animation: bp1-animate-enter29-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter29-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-3 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-3.bp1-animate-enter30 {
  animation: bp1-animate-enter30-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter30-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-4 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-4.bp1-animate-enter31 {
  animation: bp1-animate-enter31-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter31-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-5 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-5.bp1-animate-enter32 {
  animation: bp1-animate-enter32-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter32-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-6 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-6.bp1-animate-enter33 {
  animation: bp1-animate-enter33-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter33-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-container {
  align-items: flex-start;
  display: flex;
  margin-left: 2.0px;
  min-width: 816px;
}

.odemonstration-all-breakpoints .baseball-8 {
  display: block;
  height: 220px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-8.bp1-animate-enter34 {
  animation: bp1-animate-enter34-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter34-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-9 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-9.bp1-animate-enter35 {
  animation: bp1-animate-enter35-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter35-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-10 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-10.bp1-animate-enter36 {
  animation: bp1-animate-enter36-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter36-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-11 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-11.bp1-animate-enter37 {
  animation: bp1-animate-enter37-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter37-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-12 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-12.bp1-animate-enter38 {
  animation: bp1-animate-enter38-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter38-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-14 {
  display: block;
  height: 220px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-14.bp1-animate-enter39 {
  animation: bp1-animate-enter39-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter39-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-15 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-15.bp1-animate-enter40 {
  animation: bp1-animate-enter40-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter40-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-16 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-16.bp1-animate-enter41 {
  animation: bp1-animate-enter41-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter41-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-17 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-17.bp1-animate-enter42 {
  animation: bp1-animate-enter42-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter42-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-18 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-18.bp1-animate-enter43 {
  animation: bp1-animate-enter43-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter43-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-20 {
  display: block;
  height: 220px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-20.bp1-animate-enter44 {
  animation: bp1-animate-enter44-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter44-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-21 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-21.bp1-animate-enter45 {
  animation: bp1-animate-enter45-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter45-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-22 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-22.bp1-animate-enter46 {
  animation: bp1-animate-enter46-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter46-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-23 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-23.bp1-animate-enter47 {
  animation: bp1-animate-enter47-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter47-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-24 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-24.bp1-animate-enter48 {
  animation: bp1-animate-enter48-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter48-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-container-2 {
  align-items: flex-start;
  display: flex;
  margin-right: 2.0px;
  min-width: 816px;
}

.odemonstration-all-breakpoints .baseball-26 {
  display: block;
  height: 220px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-26.bp1-animate-enter49 {
  animation: bp1-animate-enter49-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter49-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-27 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-27.bp1-animate-enter50 {
  animation: bp1-animate-enter50-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter50-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-28 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-28.bp1-animate-enter51 {
  animation: bp1-animate-enter51-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter51-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-29 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-29.bp1-animate-enter52 {
  animation: bp1-animate-enter52-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter52-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .baseball-30 {
  display: block;
  height: 220px;
  margin-left: 4px;
  opacity: 0;
  width: 160px;
}

.odemonstration-all-breakpoints .baseball-30.bp1-animate-enter53 {
  animation: bp1-animate-enter53-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter53-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .overlap-group {
  height: 512px;
  margin-right: 2.0px;
  margin-top: 172px;
  position: relative;
  width: 980px;
}

.odemonstration-all-breakpoints .o-end {
  cursor: pointer;
  height: 439px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 73px;
  transition: all 0.2s ease-in-out;
  width: 980px;
}

.odemonstration-all-breakpoints .o-end.bp1-animate-enter28 {
  animation: bp1-animate-enter28-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter28-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .o-end:hover {
  opacity: 0.7;
}

.odemonstration-all-breakpoints .ux-1 {
  font-weight: 900;
  height: 439px;
  left: 0;
  letter-spacing: 0;
  line-height: 439px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 980px;
}

.odemonstration-all-breakpoints .ux-1.bp1-animate-enter27 {
  animation: bp1-animate-enter27-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter27-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstration-all-breakpoints .bienvenue-lcole {
  color: var(--black);
  font-family: var(--font-family-neuehaasdisplay-bold);
  font-size: 37px;
  font-weight: 700;
  left: 0;
  letter-spacing: 0;
  line-height: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 980px;
}
/* screen - odemonstrationmobile */

.odemonstrationmobile {
  background-color: var(--white);
  height: 9030px;
  position: relative;
  width: 390px;
}

.odemonstrationmobile .titleheadertext-12-1 {
  height: 271px;
  left: 22px;
  opacity: 0;
  position: absolute;
  top: 242px;
  width: 347px;
}

.odemonstrationmobile .titleheadertext-12-1.bp2-animate-enter3 {
  animation: bp2-animate-enter3-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter3-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .o-ask-you-a-simple-2 {
  font-weight: 500;
  left: 1px;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  top: 103px;
  width: 346px;
}

.odemonstrationmobile .random-sample-no-or-2 {
  font-weight: 600;
  height: 23px;
  left: 0;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  text-align: center;
  top: 45px;
  white-space: nowrap;
  width: 346px;
}

.odemonstrationmobile .type-something-2 {
  font-weight: 700;
  height: 32px;
  left: 0;
  letter-spacing: 0;
  line-height: 38px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 346px;
}

.odemonstrationmobile .titleheadertext-12-copy-1 {
  height: 215px;
  left: 22px;
  opacity: 0;
  position: absolute;
  top: 1803px;
  width: 347px;
}

.odemonstrationmobile .titleheadertext-12-copy-1.bp2-animate-enter4 {
  animation: bp2-animate-enter4-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter4-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .titleheadertext-12-copy-3-1 {
  height: 327px;
  left: 22px;
  opacity: 0;
  position: absolute;
  top: 2483px;
  width: 347px;
}

.odemonstrationmobile .titleheadertext-12-copy-3-1.bp2-animate-enter5 {
  animation: bp2-animate-enter5-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter5-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .titleheadertext-12-copy-4-1 {
  height: 215px;
  left: 22px;
  opacity: 0;
  position: absolute;
  top: 3276px;
  width: 347px;
}

.odemonstrationmobile .titleheadertext-12-copy-4-1.bp2-animate-enter6 {
  animation: bp2-animate-enter6-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter6-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .titleheadertext-12-copy-5-1 {
  height: 299px;
  left: 22px;
  opacity: 0;
  position: absolute;
  top: 3957px;
  width: 346px;
}

.odemonstrationmobile .titleheadertext-12-copy-5-1.bp2-animate-enter7 {
  animation: bp2-animate-enter7-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter7-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .o-ask-you-a-simple-3 {
  font-weight: 500;
  left: 1px;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  top: 103px;
  width: 345px;
}

.odemonstrationmobile .titleheadertext-12-copy-7-1 {
  height: 271px;
  left: 22px;
  opacity: 0;
  position: absolute;
  top: 4722px;
  width: 346px;
}

.odemonstrationmobile .titleheadertext-12-copy-7-1.bp2-animate-enter8 {
  animation: bp2-animate-enter8-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter8-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .titleheadertext-12-copy-8-1 {
  height: 299px;
  left: 22px;
  opacity: 0;
  position: absolute;
  top: 5465px;
  width: 346px;
}

.odemonstrationmobile .titleheadertext-12-copy-8-1.bp2-animate-enter9 {
  animation: bp2-animate-enter9-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter9-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .titleheadertext-12-copy-9-1 {
  height: 299px;
  left: 22px;
  opacity: 0;
  position: absolute;
  top: 6230px;
  width: 346px;
}

.odemonstrationmobile .titleheadertext-12-copy-9-1.bp2-animate-enter10 {
  animation: bp2-animate-enter10-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter10-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .titleheadertext-12-copy-2-1 {
  height: 359px;
  left: 22px;
  opacity: 0;
  position: absolute;
  top: 978px;
  width: 347px;
}

.odemonstrationmobile .titleheadertext-12-copy-2-1.bp2-animate-enter11 {
  animation: bp2-animate-enter11-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter11-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .o-ask-you-a-simple-4 {
  font-weight: 500;
  left: 1px;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  top: 135px;
  width: 346px;
}

.odemonstrationmobile .random-sample-no-or-3 {
  font-weight: 600;
  height: 23px;
  left: 0;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  text-align: center;
  top: 77px;
  white-space: nowrap;
  width: 346px;
}

.odemonstrationmobile .type-something-3 {
  font-weight: 700;
  height: 64px;
  left: 0;
  letter-spacing: 0;
  line-height: 38px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 346px;
}

.odemonstrationmobile .air-dark-copy-4-1 {
  display: block;
  height: 346px;
  left: 69px;
  opacity: 0;
  position: absolute;
  top: 552px;
  width: 252px;
}

.odemonstrationmobile .air-dark-copy-4-1.bp2-animate-enter12 {
  animation: bp2-animate-enter12-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter12-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .air-dark-copy-4-2 {
  display: block;
  height: 346px;
  left: 69px;
  opacity: 0;
  position: absolute;
  top: 1377px;
  width: 252px;
}

.odemonstrationmobile .air-dark-copy-4-2.bp2-animate-enter13 {
  animation: bp2-animate-enter13-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter13-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .air-dark-copy-4-3 {
  display: block;
  height: 346px;
  left: 69px;
  opacity: 0;
  position: absolute;
  top: 2057px;
  width: 252px;
}

.odemonstrationmobile .air-dark-copy-4-3.bp2-animate-enter14 {
  animation: bp2-animate-enter14-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter14-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .air-dark-copy-4-4 {
  display: block;
  height: 346px;
  left: 69px;
  opacity: 0;
  position: absolute;
  top: 2850px;
  width: 252px;
}

.odemonstrationmobile .air-dark-copy-4-4.bp2-animate-enter15 {
  animation: bp2-animate-enter15-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter15-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .air-dark-copy-5-1 {
  display: block;
  height: 346px;
  left: 69px;
  opacity: 0;
  position: absolute;
  top: 3531px;
  width: 252px;
}

.odemonstrationmobile .air-dark-copy-5-1.bp2-animate-enter16 {
  animation: bp2-animate-enter16-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter16-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .air-dark-copy-6-1 {
  display: block;
  height: 346px;
  left: 69px;
  opacity: 0;
  position: absolute;
  top: 4296px;
  width: 252px;
}

.odemonstrationmobile .air-dark-copy-6-1.bp2-animate-enter17 {
  animation: bp2-animate-enter17-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter17-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .air-dark-copy-7-1 {
  display: block;
  height: 346px;
  left: 69px;
  opacity: 0;
  position: absolute;
  top: 5804px;
  width: 252px;
}

.odemonstrationmobile .air-dark-copy-7-1.bp2-animate-enter18 {
  animation: bp2-animate-enter18-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter18-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .air-dark-copy-8-1 {
  display: block;
  height: 346px;
  left: 69px;
  opacity: 0;
  position: absolute;
  top: 6569px;
  width: 252px;
}

.odemonstrationmobile .air-dark-copy-8-1.bp2-animate-enter19 {
  animation: bp2-animate-enter19-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter19-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .air-dark-copy-9-1 {
  display: block;
  height: 346px;
  left: 69px;
  opacity: 0;
  position: absolute;
  top: 5039px;
  width: 252px;
}

.odemonstrationmobile .air-dark-copy-9-1.bp2-animate-enter20 {
  animation: bp2-animate-enter20-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter20-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .huge-text-copy-3 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 175px;
  left: 0;
  min-width: 390px;
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in-out;
}

.odemonstrationmobile .huge-text-copy-3:hover {
  opacity: 0.7;
}

.odemonstrationmobile .ux-2 {
  font-weight: 900;
  height: 175px;
  letter-spacing: 0;
  line-height: 174.7px;
  opacity: 0;
  text-align: center;
  white-space: nowrap;
  width: 390px;
}

.odemonstrationmobile .ux-2.bp2-animate-enter21 {
  animation: bp2-animate-enter21-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter21-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .huge-text-copy-3-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 175px;
  left: 0;
  min-width: 390px;
  position: absolute;
  top: 8855px;
  transition: all 0.2s ease-in-out;
}

.odemonstrationmobile .huge-text-copy-3-1:hover {
  opacity: 0.7;
}

.odemonstrationmobile .ux-3 {
  font-weight: 900;
  height: 175px;
  letter-spacing: 0;
  line-height: 174.7px;
  opacity: 0;
  text-align: center;
  white-space: nowrap;
  width: 390px;
}

.odemonstrationmobile .ux-3.bp2-animate-enter22 {
  animation: bp2-animate-enter22-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter22-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-1 {
  display: block;
  height: 154px;
  left: 24px;
  opacity: 0;
  position: absolute;
  top: 7211px;
  width: 112px;
}

.odemonstrationmobile .baseball-1.bp2-animate-enter23 {
  animation: bp2-animate-enter23-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter23-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-2-1 {
  display: block;
  height: 154px;
  left: 139px;
  opacity: 0;
  position: absolute;
  top: 7211px;
  width: 112px;
}

.odemonstrationmobile .baseball-2-1.bp2-animate-enter24 {
  animation: bp2-animate-enter24-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter24-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-3-1 {
  display: block;
  height: 154px;
  left: 254px;
  opacity: 0;
  position: absolute;
  top: 7211px;
  width: 112px;
}

.odemonstrationmobile .baseball-3-1.bp2-animate-enter25 {
  animation: bp2-animate-enter25-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter25-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-4-1 {
  display: block;
  height: 154px;
  left: 24px;
  opacity: 0;
  position: absolute;
  top: 7365px;
  width: 112px;
}

.odemonstrationmobile .baseball-4-1.bp2-animate-enter26 {
  animation: bp2-animate-enter26-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter26-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-5-1 {
  display: block;
  height: 154px;
  left: 139px;
  opacity: 0;
  position: absolute;
  top: 7365px;
  width: 112px;
}

.odemonstrationmobile .baseball-5-1.bp2-animate-enter27 {
  animation: bp2-animate-enter27-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter27-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-6-1 {
  display: block;
  height: 154px;
  left: 254px;
  opacity: 0;
  position: absolute;
  top: 7365px;
  width: 112px;
}

.odemonstrationmobile .baseball-6-1.bp2-animate-enter28 {
  animation: bp2-animate-enter28-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter28-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-7 {
  display: block;
  height: 154px;
  left: 24px;
  opacity: 0;
  position: absolute;
  top: 7519px;
  width: 112px;
}

.odemonstrationmobile .baseball-7.bp2-animate-enter29 {
  animation: bp2-animate-enter29-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter29-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-8-1 {
  display: block;
  height: 154px;
  left: 139px;
  opacity: 0;
  position: absolute;
  top: 7519px;
  width: 112px;
}

.odemonstrationmobile .baseball-8-1.bp2-animate-enter30 {
  animation: bp2-animate-enter30-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter30-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-9-1 {
  display: block;
  height: 154px;
  left: 254px;
  opacity: 0;
  position: absolute;
  top: 7519px;
  width: 112px;
}

.odemonstrationmobile .baseball-9-1.bp2-animate-enter31 {
  animation: bp2-animate-enter31-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter31-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-10-1 {
  display: block;
  height: 154px;
  left: 24px;
  opacity: 0;
  position: absolute;
  top: 7673px;
  width: 112px;
}

.odemonstrationmobile .baseball-10-1.bp2-animate-enter32 {
  animation: bp2-animate-enter32-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter32-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-11-1 {
  display: block;
  height: 154px;
  left: 139px;
  opacity: 0;
  position: absolute;
  top: 7673px;
  width: 112px;
}

.odemonstrationmobile .baseball-11-1.bp2-animate-enter33 {
  animation: bp2-animate-enter33-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter33-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-12-1 {
  display: block;
  height: 154px;
  left: 254px;
  opacity: 0;
  position: absolute;
  top: 7673px;
  width: 112px;
}

.odemonstrationmobile .baseball-12-1.bp2-animate-enter34 {
  animation: bp2-animate-enter34-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter34-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-13 {
  display: block;
  height: 154px;
  left: 24px;
  opacity: 0;
  position: absolute;
  top: 7827px;
  width: 112px;
}

.odemonstrationmobile .baseball-13.bp2-animate-enter35 {
  animation: bp2-animate-enter35-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter35-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-14-1 {
  display: block;
  height: 154px;
  left: 139px;
  opacity: 0;
  position: absolute;
  top: 7827px;
  width: 112px;
}

.odemonstrationmobile .baseball-14-1.bp2-animate-enter36 {
  animation: bp2-animate-enter36-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter36-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-15-1 {
  display: block;
  height: 154px;
  left: 254px;
  opacity: 0;
  position: absolute;
  top: 7827px;
  width: 112px;
}

.odemonstrationmobile .baseball-15-1.bp2-animate-enter37 {
  animation: bp2-animate-enter37-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter37-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-16-1 {
  display: block;
  height: 154px;
  left: 24px;
  opacity: 0;
  position: absolute;
  top: 7981px;
  width: 112px;
}

.odemonstrationmobile .baseball-16-1.bp2-animate-enter38 {
  animation: bp2-animate-enter38-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter38-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-17-1 {
  display: block;
  height: 154px;
  left: 139px;
  opacity: 0;
  position: absolute;
  top: 7981px;
  width: 112px;
}

.odemonstrationmobile .baseball-17-1.bp2-animate-enter39 {
  animation: bp2-animate-enter39-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter39-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-18-1 {
  display: block;
  height: 154px;
  left: 254px;
  opacity: 0;
  position: absolute;
  top: 7981px;
  width: 112px;
}

.odemonstrationmobile .baseball-18-1.bp2-animate-enter40 {
  animation: bp2-animate-enter40-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter40-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-19 {
  display: block;
  height: 154px;
  left: 24px;
  opacity: 0;
  position: absolute;
  top: 8135px;
  width: 112px;
}

.odemonstrationmobile .baseball-19.bp2-animate-enter41 {
  animation: bp2-animate-enter41-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter41-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-20-1 {
  display: block;
  height: 154px;
  left: 139px;
  opacity: 0;
  position: absolute;
  top: 8135px;
  width: 112px;
}

.odemonstrationmobile .baseball-20-1.bp2-animate-enter42 {
  animation: bp2-animate-enter42-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter42-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-21-1 {
  display: block;
  height: 154px;
  left: 254px;
  opacity: 0;
  position: absolute;
  top: 8135px;
  width: 112px;
}

.odemonstrationmobile .baseball-21-1.bp2-animate-enter43 {
  animation: bp2-animate-enter43-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter43-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-22-1 {
  display: block;
  height: 154px;
  left: 24px;
  opacity: 0;
  position: absolute;
  top: 8289px;
  width: 112px;
}

.odemonstrationmobile .baseball-22-1.bp2-animate-enter44 {
  animation: bp2-animate-enter44-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter44-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-23-1 {
  display: block;
  height: 154px;
  left: 139px;
  opacity: 0;
  position: absolute;
  top: 8289px;
  width: 112px;
}

.odemonstrationmobile .baseball-23-1.bp2-animate-enter45 {
  animation: bp2-animate-enter45-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter45-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-24-1 {
  display: block;
  height: 154px;
  left: 254px;
  opacity: 0;
  position: absolute;
  top: 8289px;
  width: 112px;
}

.odemonstrationmobile .baseball-24-1.bp2-animate-enter46 {
  animation: bp2-animate-enter46-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter46-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-25 {
  display: block;
  height: 154px;
  left: 24px;
  opacity: 0;
  position: absolute;
  top: 8443px;
  width: 112px;
}

.odemonstrationmobile .baseball-25.bp2-animate-enter47 {
  animation: bp2-animate-enter47-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter47-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-26-1 {
  display: block;
  height: 154px;
  left: 139px;
  opacity: 0;
  position: absolute;
  top: 8443px;
  width: 112px;
}

.odemonstrationmobile .baseball-26-1.bp2-animate-enter48 {
  animation: bp2-animate-enter48-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter48-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-27-1 {
  display: block;
  height: 154px;
  left: 254px;
  opacity: 0;
  position: absolute;
  top: 8443px;
  width: 112px;
}

.odemonstrationmobile .baseball-27-1.bp2-animate-enter49 {
  animation: bp2-animate-enter49-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter49-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-28-1 {
  display: block;
  height: 154px;
  left: 24px;
  opacity: 0;
  position: absolute;
  top: 8597px;
  width: 112px;
}

.odemonstrationmobile .baseball-28-1.bp2-animate-enter50 {
  animation: bp2-animate-enter50-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter50-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-29-1 {
  display: block;
  height: 154px;
  left: 139px;
  opacity: 0;
  position: absolute;
  top: 8597px;
  width: 112px;
}

.odemonstrationmobile .baseball-29-1.bp2-animate-enter51 {
  animation: bp2-animate-enter51-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter51-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .baseball-30-1 {
  display: block;
  height: 154px;
  left: 254px;
  opacity: 0;
  position: absolute;
  top: 8597px;
  width: 112px;
}

.odemonstrationmobile .baseball-30-1.bp2-animate-enter52 {
  animation: bp2-animate-enter52-frames 0.30s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter52-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.odemonstrationmobile .in-5minutes-and-40-s {
  font-weight: 700;
  left: 43px;
  letter-spacing: 0;
  line-height: 29px;
  position: absolute;
  top: 7019px;
  width: 304px;
}

.odemonstrationmobile .bienvenue-lcole-1 {
  font-weight: 700;
  left: 43px;
  letter-spacing: 0;
  line-height: 29px;
  position: absolute;
  top: 8826px;
  white-space: nowrap;
  width: 304px;
}
@media screen and (max-width: 979px) {
  .screen.odemonstration-all-breakpoints { 
    display: none;
   }
}
@media screen and (min-width: 980px) {
  .screen.odemonstrationmobile { 
    display: none;
   }
}