/* screen - your-videos */

.animate-enter3 {
  animation: animate-enter3-frames 0.90s ease 0.00s 1 normal forwards;
  display: block;
opacity: 0;transform: translate(25px, 0);
}
.animate-enter4 {
  animation: animate-enter4-frames 0.90s ease 0.00s 1 normal forwards;
  display: block;
opacity: 0;filter: blur(10px);
}
.animate-enter5 {
  animation: animate-enter5-frames 0.90s ease 0.00s 1 normal forwards;
  display: block;
opacity: 0;transform: translate(-25px, 0);
}
.animate-enter6 {
  animation: animate-enter6-frames 0.90s ease 0.00s 1 normal forwards;
  display: block;
opacity: 0;transform: translate(-25px, 0);
}
.animate-enter7 {
  animation: animate-enter7-frames 0.90s ease 0.00s 1 normal forwards;
  display: block;
opacity: 0;transform: translate(-25px, 0);
}
.animate-enter8 {
  animation: animate-enter8-frames 0.90s ease 0.00s 1 normal forwards;
  display: block;
opacity: 0;filter: blur(10px);
}
.border-1px-dove-gray {
  border: 1px solid var(--dove-gray);
}
.comicsansms-bold-black-shadows-56px {
  color: var(--black-shadows);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
}
.comicsansms-bold-bright-red-137px {
  color: var(--bright-red);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 137px;
  font-style: normal;
  font-weight: 700;
}
.comicsansms-bold-bright-red-30px {
  color: var(--bright-red);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
}
.comicsansms-bold-bright-red-50px {
  color: var(--bright-red);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
}
.comicsansms-bold-bright-red-60px {
  color: var(--bright-red);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
}
.comicsansms-bold-bright-red-71px {
  color: var(--bright-red);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 71px;
  font-style: normal;
  font-weight: 700;
}
.comicsansms-bold-vista-white-50px {
  color: var(--vista-white);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
}
.your-videos {
  align-items: center;
  background-color: var(--porcelain);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 935px;
  justify-content: flex-start;
  overflow: hidden;
  overflow-x: hidden;
  padding: 7px 0;
  position: relative;
  width: 1800px;
}
.your-videos .add-a-video-RH0WJ5 {
  background-color: transparent;
  color: var(--bright-red);
  display: block;
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 634px;
  letter-spacing: 0.00px;
  line-height: 48px;
  position: absolute;
  text-align: center;
  top: 200px;
  white-space: nowrap;
  width: auto;
opacity: 0;filter: blur(10px);
}
.your-videos .add-a-video-RH0WJ6 {
  background-color: transparent;
  color: var(--bright-red);
  display: block;
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 97px;
  letter-spacing: 0.00px;
  line-height: 48px;
  position: absolute;
  text-align: center;
  top: 200px;
  white-space: nowrap;
  width: auto;
opacity: 0;filter: blur(10px);
}
.your-videos .add-jkTZpO {
  background-color: var(--bright-red);
  border-radius: 89.5px/85px;
  height: calc(100.00% - 79px);
  left: calc(48.08% - 86px);
  position: absolute;
  top: 18px;
  width: 179px;
}
.your-videos .badge-jkTZpO {
  background-color: transparent;
  bottom: calc(40.08% - 46px);
  height: 115px;
  left: calc(26.39% - 25px);
  object-fit: cover;
  position: absolute;
  width: 93px;
}
.your-videos .brenda-XsNAXb {
  background-color: transparent;
  border-radius: 100px;
  height: 100%;
  left: calc(33.72% - 67px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 200px;
}
.your-videos .calendar-jkTZpO {
  background-color: transparent;
  bottom: calc(42.23% - 36px);
  height: 84px;
  object-fit: cover;
  position: absolute;
  right: calc(29.44% - 39px);
  width: 133px;
}
.your-videos .dashboard-jkTZpO {
  background-color: transparent;
  bottom: calc(42.02% - 36px);
  height: 85px;
  left: 122px;
  object-fit: cover;
  position: absolute;
  width: 98px;
}
.your-videos .edit-jkTZpO {
  background-color: transparent;
  height: calc(100.00% - 77px);
  left: calc(48.08% - 86px);
  position: absolute;
  top: 16px;
  width: 179px;
}
.your-videos .ellipse-4-dXBp89 {
  background-color: transparent;
  border-radius: 120.5px;
  display: block;
  flex-shrink: 1;
  height: 241px;
  object-fit: cover;
  position: relative;
  width: 241px;
opacity: 0;transform: translate(25px, 0);
}
.your-videos .ellipse-6-XsNAXb {
  background-color: transparent;
  border-radius: 100px;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: calc(34.63% - 69px);
  top: 0px;
  width: 200px;
}
.your-videos .ellipse-aIme9a {
  background-color: transparent;
  border-radius: 100px;
  flex-shrink: 1;
  height: 200px;
  object-fit: cover;
  position: relative;
  width: 200px;
}
.your-videos .flex-row-C61RwL {
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  height: 245px;
  justify-content: flex-start;
  margin-right: 2.5px;
  min-width: 1708px;
  width: auto;
}
.your-videos .group-1-UHdB3x {
  background-color: transparent;
  bottom: 40px;
  height: 200px;
  left: 41px;
  position: absolute;
  width: 636px;
}
.your-videos .group-2-4eduM0 {
  background-color: transparent;
  height: 340px;
  left: 138px;
  position: absolute;
  top: 83px;
  width: 1512px;
}
.your-videos .hamburger-dXBp89 {
  align-self: center;
  background-color: transparent;
  flex-shrink: 1;
  height: 94px;
  margin-left: 304px;
  margin-top: 29.0px;
  position: relative;
  width: 178px;
}
.your-videos .icon-awesome-edit-bTUSl3 {
  background-color: transparent;
  height: calc(100.00% - 84px);
  object-fit: cover;
  position: absolute;
  right: calc(37.99% - 36px);
  top: 42px;
  width: 96px;
}
.your-videos .jamal-XsNAXb {
  background-color: transparent;
  border-radius: 100px;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 200px;
}
.your-videos .line-2-FMqxzC {
  background-color: transparent;
  display: block;
  height: 17px;
  left: -8px;
  object-fit: cover;
  position: absolute;
  top: -8px;
  width: calc(100.00% + 15px);
opacity: 0;transform: translate(-25px, 0);
}
.your-videos .line-3-FMqxzC {
  background-color: transparent;
  bottom: calc(49.67% - 9px);
  display: block;
  height: 18px;
  object-fit: cover;
  position: absolute;
  right: -8px;
  width: 160px;
opacity: 0;transform: translate(-25px, 0);
}
.your-videos .line-4-FMqxzC {
  background-color: transparent;
  bottom: -8px;
  display: block;
  height: 17px;
  left: -8px;
  object-fit: cover;
  position: absolute;
  width: calc(100.00% + 15px);
opacity: 0;transform: translate(-25px, 0);
}
.your-videos .line-5-YALKJB {
  background-color: transparent;
  height: 63px;
  object-fit: cover;
  position: absolute;
  right: calc(49.11% - 5px);
  top: calc(47.66% - 30px);
  width: 10px;
  border: 5px solid blue;
}
.your-videos .line-6-YALKJB {
  background-color: transparent;
  height: 10px;
  object-fit: cover;
  position: absolute;
  right: calc(49.75% - 31px);
  top: calc(48.47% - 5px);
  width: 63px;
  border: 5px solid blue;
}
.your-videos .mary-speaks-4eduM0 {
  background-color: transparent;
  border-radius: 22px;
  height: 310px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 1752px;
}
.your-videos .nagivation-RH0WJ5 {
  background-color: transparent;
  background-image: url(../img/path-6@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 250px;
  left: 0px;
  position: absolute;
  top: 10px;
  width: 1800px;
}
.your-videos .overlap-group-C61RwL {
  background-color: transparent;
  flex-shrink: 1;
  height: 423px;
  margin-top: 5px;
  position: relative;
  width: 1752px;
}
.your-videos .overlap-group1-C61RwL {
  background-color: transparent;
  flex-shrink: 1;
  height: 261px;
  margin-top: 5px;
  position: relative;
  width: 1800px;
}
.your-videos .rectangle-5-UHdB3x {
  -webkit-backdrop-filter: blur(27.311199188232422px) brightness(103.75075006484985%);
  backdrop-filter: blur(27.311199188232422px) brightness(103.75075006484985%);
  background-color: var(--white-2);
  border-radius: 22px;
  box-shadow: 0px 3px 16px rgba(0,0,0,0.322);;
  height: calc(90.00% - 6px);
  left: 0px;
  position: absolute;
  top: 6px;
  width: 100%;
}
.your-videos .repeat-grid-1-XsNAXb {
  align-items: flex-start;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  height: 100%;
  justify-content: flex-start;
  min-width: 200px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: auto;
}
.your-videos .review-bTUSl3 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}
.your-videos .star-rating-UHdB3x {
  background-color: var(--bright-red);
  border-radius: 53px;
  height: 105px;
  position: absolute;
  right: 42px;
  top: 19px;
  width: 240px;
}
.your-videos .tell-jkTZpO {
  background-color: transparent;
  height: calc(100.00% - 77px);
  left: calc(48.08% - 86px);
  object-fit: cover;
  position: absolute;
  top: 16px;
  width: 179px;
}
.your-videos .users-jkTZpO {
  background-color: transparent;
  bottom: calc(42.82% - 30px);
  height: 70px;
  object-fit: cover;
  position: absolute;
  right: 141px;
  width: 123px;
}
.your-videos .video-1-UHdB3x {
  background-color: transparent;
  height: 101px;
  left: 64px;
  letter-spacing: 0.00px;
  line-height: 71px;
  position: absolute;
  text-align: center;
  top: 14px;
  white-space: nowrap;
  width: 262px;
}
.your-videos .watch-78xzsv {
  background-color: transparent;
  bottom: calc(15.15% - 11px);
  height: 72px;
  letter-spacing: 0.00px;
  line-height: 50px;
  position: absolute;
  right: calc(48.75% - 78px);
  text-align: center;
  white-space: nowrap;
  width: 160px;
}
.your-videos .x0-rXnHfM {
  align-items: flex-start;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  height: 200px;
  justify-content: flex-start;
  min-width: 200px;
  position: relative;
  width: auto;
}
.your-videos .x15-minutes-UHdB3x {
  background-color: transparent;
  height: 72px;
  left: 51px;
  letter-spacing: 0.00px;
  line-height: 50px;
  opacity: 0.75;
  position: absolute;
  text-align: center;
  top: calc(27.99% - 20px);
  white-space: nowrap;
  width: 288px;
}
.your-videos .x8-friends-watched-your-story-UHdB3x {
  background-color: transparent;
  bottom: calc(26.49% - 19px);
  height: 72px;
  letter-spacing: 0.00px;
  line-height: 50px;
  opacity: 0.75;
  position: absolute;
  right: 20px;
  text-align: center;
  width: 798px;
}
.your-videos .your-videos-dXBp89 {
  align-self: flex-end;
  background-color: transparent;
  display: block;
  flex-shrink: 1;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 137px;
  margin-left: 199px;
  min-height: 193px;
  min-width: 785px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: auto;
opacity: 0;filter: blur(10px);
}
:root {
  --black-shadows: rgba(191,174,174,1.0);
  --bright-red: rgba(178,8,8,1.0);
  --dove-gray: rgba(112,112,112,1.0);
  --fantasy: rgba(250,242,242,1.0);
  --porcelain: rgba(240,241,248,1.0);
  --vista-white: rgba(253,248,248,1.0);
  --white: rgba(255,255,255,1.0);
  --white-2: rgba(255,255,255,0.001);
}
@keyframes animate-enter3-frames {

from{opacity: 0;transform: translate(25px, 0);}
to{opacity: 1;transform: translate(0,0);}
}
@keyframes animate-enter4-frames {

from{opacity: 0;filter: blur(10px);}
to{opacity: 1;filter: none;}
}
@keyframes animate-enter5-frames {

from{opacity: 0;transform: translate(-25px, 0);}
to{opacity: 1;transform: translate(0,0);}
}
@keyframes animate-enter6-frames {

from{opacity: 0;transform: translate(-25px, 0);}
to{opacity: 1;transform: translate(0,0);}
}
@keyframes animate-enter7-frames {

from{opacity: 0;transform: translate(-25px, 0);}
to{opacity: 1;transform: translate(0,0);}
}
@keyframes animate-enter8-frames {

from{opacity: 0;filter: blur(10px);}
to{opacity: 1;filter: none;}
}