@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  min-height: 100%;
      background-image: url(BG.png);
          background-size: cover;
    background-position: 50% 50%;

  -webkit-text-size-adjust: 100%;
  touch-action: manipulation;
}
  

/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}
/* @FONTWARNING[{"type": "restricted", "family": "Vividly-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "Vividly-Regular";
  src: local("Vividly-Regular");
}
/* @FONTWARNING[{"type": "restricted", "family": "Peperrito Ornaments-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "Peperrito Ornaments-Regular";
  src: local("Peperrito Ornaments-Regular");
}
/* @FONTWARNING[{"type": "restricted", "family": "Black Future-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "Black Future-Regular";
  src: local("Black Future-Regular");
}
@font-face {
  font-family: "Vividly-Regular";
  src: url("./Vividly-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Peperrito Ornaments Regular";
  src: url("./PeperritoOrnaments-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Peperrito Ornaments Regular";
  src: url("./PeperritoOrnaments-Regular.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.rabbiclaw {
  width: 390px;
  min-width: 390px;
  min-height: 1398px;
  position: relative;
      margin-left: auto;
  margin-right: auto;
}

.rabbiclaw .text-wrapper {
  top: 119px;
  left: 54px;
  font-size: 7px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  color: #ff99cd;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .div {
  top: 340px;
  left: 254px;
  font-size: 7px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  color: #ff99cd;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-2 {
  top: 423px;
  left: 41px;
  font-size: 7px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  color: #ff99cd;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .pinkbg {
  position: absolute;
  top: 107px;
  left: 81px;
  width: 125px;
  height: 121px;
  aspect-ratio: 1.03;
  object-fit: cover;
}

.rabbiclaw .text-wrapper-3 {
  top: 450px;
  left: 88px;
  width: 40px;
  font-size: 8px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  color: #ff99cd;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-4 {
  top: 1087px;
  left: 50px;
  font-size: 7px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  color: #ff99cd;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-5 {
  top: 237px;
  left: 124px;
  font-size: 7px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  color: #ff99cd;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .rectangle {
  position: absolute;
  top: 130px;
  left: 81px;
  width: 117px;
  height: 106px;
}

.rabbiclaw .img {
  position: absolute;
  top: 349px;
  left: 127px;
  width: 118px;
  height: 108px;
}

.rabbiclaw .rectangle-2 {
  position: absolute;
  top: 354px;
  left: 131px;
  width: 112px;
  height: 99px;
}

.rabbiclaw .pic {
  top: 116px;
  left: 73px;
  width: 50px;
  height: 52px;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .pic-2 {
  top: 100px;
  left: 149px;
  width: 37px;
  height: 37px;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .pic-3 {
  top: 110px;
  left: 171px;
  width: 37px;
  height: 37px;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .pic-4 {
  top: 290px;
  left: calc(50.00% - 27px);
  width: 36px;
  height: 37px;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .pic-5 {
  top: 294px;
  left: calc(50.00% + 22px);
  width: 28px;
  height: 29px;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .pic-6 {
  top: 268px;
  left: calc(50.00% + 128px);
  width: 28px;
  height: 28px;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .pic-7 {
  top: 294px;
  left: calc(50.00% - 69px);
  width: 28px;
  height: 29px;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .pic-8 {
  top: 80px;
  left: 307px;
  width: 35px;
  height: 35px;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .pic-9 {
  top: 189px;
  left: 157px;
  width: 47px;
  height: 49px;
  object-fit: cover;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .pic-10 {
  top: 347px;
  left: 165px;
  width: 28px;
  height: 29px;
  object-fit: cover;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .element {
  position: absolute;
  top: 187px;
  left: 75px;
  width: 42px;
  height: 42px;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbiclaw .text-wrapper-6 {
  top: 159px;
  left: 118px;
  transform: rotate(-12.26deg);
  filter: blur(1.5px);
  color: #fff3f9;
  font-size: 44px;
  position: absolute;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-7 {
  top: 335px;
  left: 54px;
  transform: rotate(-15.87deg);
  filter: blur(2px);
  color: #ffddee;
  font-size: 44px;
  position: absolute;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-8 {
  top: 385px;
  left: 278px;
  transform: rotate(27.04deg);
  filter: blur(2px);
  color: #ffddee;
  font-size: 44px;
  position: absolute;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-9 {
  top: 169px;
  left: 281px;
  transform: rotate(-12.26deg);
  filter: blur(1.4px);
  color: #ffe2f1;
  font-size: 44px;
  position: absolute;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .rectangle-3 {
  position: absolute;
  top: 1236px;
  left: calc(50.00% - 151px);
  width: 303px;
  height: 88px;
}

.rabbiclaw .text-wrapper-10 {
  top: 1264px;
  left: calc(50.00% - 52px);
  width: 10px;
  color: #ff99cd;
  font-size: 10px;
  position: absolute;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-11 {
  top: 1265px;
  left: calc(50.00% + 42px);
  width: 10px;
  color: #ff99cd;
  font-size: 10px;
  position: absolute;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-12 {
  top: 1255px;
  left: calc(50.00% - 28px);
  font-size: 9px;
  text-align: center;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-13 {
  position: absolute;
  top: 1267px;
  left: calc(50.00% - 38px);
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-14 {
  position: absolute;
  top: 1282px;
  left: calc(50.00% - 108px);
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-15 {
  top: 1282px;
  left: calc(50.00% - 58px);
  color: #ff99cd;
  font-size: 11px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-16 {
  position: absolute;
  top: 1282px;
  left: calc(50.00% + 1px);
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-17 {
  position: absolute;
  top: 1282px;
  left: calc(50.00% + 84px);
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .element-rabbiclaw-all {
  position: absolute;
  top: 1297px;
  left: calc(50.00% - 118px);
  width: 236px;
  font-family: "Black Future-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbiclaw .span {
  font-family: "Black Future-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  font-size: 8px;
  letter-spacing: 0;
}

.rabbiclaw .text-wrapper-18 {
  font-family: "Vividly-Regular", Helvetica;
}

.rabbiclaw .maybe-that-one-thing {
  position: absolute;
  top: 156px;
  left: 237px;
  width: 125px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  font-size: 9px;
  letter-spacing: 0;
  line-height: normal;
}

.rabbiclaw .p {
  top: 168px;
  left: 102px;
  width: 76px;
  transform: rotate(-12.26deg);
  font-size: 7px;
  text-align: center;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  letter-spacing: 0;
  line-height: normal;
}

.rabbiclaw .maybe-that-one-thing-2 {
  top: 1041px;
  left: 214px;
  width: 125px;
  font-size: 9px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  letter-spacing: 0;
  line-height: normal;
}

.rabbiclaw .maybe-that-one-thing-3 {
  top: 382px;
  left: 124px;
  width: 125px;
  transform: rotate(-10.35deg);
  font-size: 7px;
  text-align: center;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  letter-spacing: 0;
  line-height: normal;
}

.rabbiclaw .rectangle-4 {
  position: absolute;
  top: 938px;
  left: calc(50.00% - 32px);
  width: 63px;
  height: 63px;
}

.rabbiclaw .rectangle-5 {
  position: absolute;
  top: 934px;
  left: calc(50.00% - 35px);
  width: 71px;
  height: 71px;
}

.rabbiclaw .pic-11 {
  top: 976px;
  left: 209px;
  width: 29px;
  height: 30px;
  object-fit: cover;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .rectangle-6 {
  position: absolute;
  top: 938px;
  left: calc(50.00% + 61px);
  width: 63px;
  height: 63px;
}

.rabbiclaw .rectangle-7 {
  position: absolute;
  top: 934px;
  left: calc(50.00% + 57px);
  width: 71px;
  height: 71px;
}

.rabbiclaw .pic-12 {
  top: 976px;
  left: 301px;
  width: 29px;
  height: 30px;
  object-fit: cover;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .rectangle-8 {
  position: absolute;
  top: 938px;
  left: calc(50.00% - 132px);
  width: 63px;
  height: 63px;
}

.rabbiclaw .rectangle-9 {
  position: absolute;
  top: 934px;
  left: calc(50.00% - 136px);
  width: 71px;
  height: 71px;
}

.rabbiclaw .pic-13 {
  top: 976px;
  left: 108px;
  width: 29px;
  height: 30px;
  object-fit: cover;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .text-wrapper-19 {
  position: absolute;
  top: 954px;
  left: calc(50.00% - 126px);
  width: 41px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  font-size: 6px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbiclaw .text-wrapper-20 {
  position: absolute;
  top: 954px;
  left: calc(50.00% - 32px);
  width: 56px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  font-size: 6px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbiclaw .text-wrapper-21 {
  position: absolute;
  top: 954px;
  left: calc(50.00% + 60px);
  width: 56px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  font-size: 6px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbiclaw .text-wrapper-22 {
  position: absolute;
  top: 977px;
  left: calc(50.00% - 121px);
  width: 43px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  font-size: 5px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbiclaw .text-wrapper-23 {
  position: absolute;
  top: 977px;
  left: calc(50.00% + 74px);
  width: 39px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  font-size: 5px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbiclaw .text-wrapper-24 {
  position: absolute;
  top: 977px;
  left: calc(50.00% - 18px);
  width: 39px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  font-size: 5px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbiclaw .text-wrapper-25 {
  top: 273px;
  left: calc(50.00% - 67px);
  width: 10px;
  color: #ff99cd;
  font-size: 10px;
  position: absolute;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-26 {
  top: 273px;
  left: calc(50.00% + 38px);
  width: 10px;
  color: #ff99cd;
  font-size: 10px;
  position: absolute;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-27 {
  position: absolute;
  top: 275px;
  left: calc(50.00% - 53px);
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  font-size: 9px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .pic-14 {
  top: 886px;
  left: calc(50.00% - 18px);
  width: 36px;
  height: 37px;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .pic-15 {
  top: 890px;
  left: calc(50.00% + 31px);
  width: 28px;
  height: 29px;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .pic-16 {
  top: 890px;
  left: calc(50.00% - 59px);
  width: 28px;
  height: 29px;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .text-wrapper-28 {
  top: 869px;
  left: calc(50.00% - 33px);
  width: 10px;
  color: #ff99cd;
  font-size: 10px;
  position: absolute;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-29 {
  top: 869px;
  left: calc(50.00% + 23px);
  width: 10px;
  color: #ff99cd;
  font-size: 10px;
  position: absolute;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-30 {
  position: absolute;
  top: 871px;
  left: calc(50.00% - 21px);
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  font-size: 9px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .pic-17 {
  top: 348px;
  left: calc(50.00% - 123px);
  width: 31px;
  height: 32px;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .text-wrapper-31 {
  top: 415px;
  left: 304px;
  font-size: 9px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-32 {
  top: 1025px;
  left: 125px;
  transform: rotate(27.04deg);
  filter: blur(2px);
  color: #ffddee;
  font-size: 44px;
  position: absolute;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-33 {
  top: 960px;
  left: calc(50.00% - 8px);
  filter: blur(0.7px);
  color: #ffddee;
  font-size: 15px;
  position: absolute;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-34 {
  top: 960px;
  left: calc(50.00% + 85px);
  filter: blur(0.7px);
  color: #ffddee;
  font-size: 15px;
  position: absolute;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-35 {
  top: 960px;
  left: calc(50.00% - 109px);
  filter: blur(0.7px);
  color: #ffddee;
  font-size: 15px;
  position: absolute;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-36 {
  top: 1055px;
  left: 151px;
  font-size: 9px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .ellipse {
  position: absolute;
  top: 821px;
  left: 293px;
  width: 17px;
  height: 8px;
}

.rabbiclaw .rectangle-10 {
  position: absolute;
  top: 807px;
  left: 300px;
  width: 4px;
  height: 20px;
}

.rabbiclaw .y {
  position: absolute;
  top: 796px;
  left: calc(50.00% + 97px);
  width: 21px;
  height: 19px;
}

.rabbiclaw .ellipse-2 {
  position: absolute;
  top: 821px;
  left: 266px;
  width: 17px;
  height: 8px;
}

.rabbiclaw .rectangle-11 {
  position: absolute;
  top: 807px;
  left: 273px;
  width: 4px;
  height: 20px;
}

.rabbiclaw .y-2 {
  position: absolute;
  top: 796px;
  left: calc(50.00% + 70px);
  width: 21px;
  height: 19px;
}

.rabbiclaw .rectangle-12 {
  position: absolute;
  top: 797px;
  left: 75px;
  width: 50px;
  height: 30px;
  background-color: #ffbfe0;
  border-radius: 3px;
}

.rabbiclaw .rectangle-13 {
  position: absolute;
  top: 799px;
  left: 78px;
  width: 44px;
  height: 25px;
  background-color: #ffffff;
  border-radius: 3px;
}

.rabbiclaw .pic-18 {
  top: 810px;
  left: calc(50.00% - 84px);
  width: 27px;
  height: 28px;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .text-wrapper-37 {
  position: absolute;
  top: 807px;
  left: 87px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  font-size: 10px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .rectangle-14 {
  position: absolute;
  top: 797px;
  left: 136px;
  width: 50px;
  height: 30px;
  background-color: #ffbfe0;
  border-radius: 3px;
}

.rabbiclaw .rectangle-15 {
  position: absolute;
  top: 799px;
  left: 139px;
  width: 44px;
  height: 25px;
  background-color: #ffffff;
  border-radius: 3px;
}

.rabbiclaw .pic-19 {
  top: 786px;
  left: calc(50.00% - 23px);
  width: 25px;
  height: 25px;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .text-wrapper-38 {
  position: absolute;
  top: 807px;
  left: 145px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  font-size: 10px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-39 {
  position: absolute;
  top: 803px;
  left: 268px;
  width: 14px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 7px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-40 {
  top: 803px;
  left: 295px;
  width: 14px;
  color: #ffffff;
  font-size: 7px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .vector {
  position: absolute;
  top: 138px;
  object-fit: contain;
  left: 223px;
  width: 17px;
  height: 14px;
}

.rabbiclaw .vector-2 {
  position: absolute;
  top: 142px;
  left: 223px;
  width: 17px;
  object-fit: contain;
  height: 4px;
}

.rabbiclaw .vector-3 {
  position: absolute;
  top: 430px;
  left: 230px;
  width: 17px;
  height: 12px;
  object-fit: contain;
}

.rabbiclaw .vector-4 {
  position: absolute;
  top: 430px;
  left: 231px;
  object-fit: contain;
  width: 17px;
  height: 12px;
}

.rabbiclaw .vector-5 {
  position: absolute;
  top: 1088px;
  left: 272px;
  width: 13px;
  height: 14px;
}

.rabbiclaw .vector-6 {
  position: absolute;
  top: 1093px;
  left: 271px;
  width: 16px;
  height: 4px;
}

.rabbiclaw .vector-7 {
  position: absolute;
  top: 785px;
  left: 331px;
  width: 13px;
  height: 14px;
}

.rabbiclaw .vector-8 {
  position: absolute;
  top: 789px;
  left: 329px;
  width: 16px;
  height: 4px;
}

.rabbiclaw .group {
  position: absolute;
  top: 583px;
  left: calc(50.00% - 147px);
  width: 325px;
  height: 194px;
}

.rabbiclaw .rectangle-16 {
  position: absolute;
  top: 25px;
  left: calc(50.00% - 154px);
  width: 276px;
  height: 169px;
  background-color: #ffedf6;
  border-radius: 4px;
  border: 1px solid;
  border-color: #ff99cd;
}

.rabbiclaw .ellipse-3 {
  position: absolute;
  top: 18px;
  left: calc(50.00% - 27px);
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border-radius: 11px;
  border: 0.7px solid;
  border-color: #ff99cd;
}

.rabbiclaw .ellipse-4 {
  position: absolute;
  top: 18px;
  left: calc(50.00% - 8px);
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border-radius: 11px;
  border: 0.7px solid;
  border-color: #ff99cd;
}

.rabbiclaw .ellipse-5 {
  position: absolute;
  top: 18px;
  left: calc(50.00% + 11px);
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border-radius: 11px;
  border: 0.7px solid;
  border-color: #ff99cd;
}

.rabbiclaw .ellipse-6 {
  position: absolute;
  top: 18px;
  left: calc(50.00% + 30px);
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border-radius: 11px;
  border: 0.7px solid;
  border-color: #ff99cd;
}

.rabbiclaw .ellipse-7 {
  position: absolute;
  top: 18px;
  left: calc(50.00% + 49px);
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border-radius: 11px;
  border: 0.7px solid;
  border-color: #ff99cd;
}

.rabbiclaw .ellipse-8 {
  position: absolute;
  top: 18px;
  left: calc(50.00% + 68px);
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border-radius: 11px;
  border: 0.7px solid;
  border-color: #ff99cd;
}

.rabbiclaw .ellipse-9 {
  position: absolute;
  top: 18px;
  left: calc(50.00% + 87px);
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border-radius: 11px;
  border: 0.7px solid;
  border-color: #ff99cd;
}

.rabbiclaw .ellipse-10 {
  position: absolute;
  top: 18px;
  left: calc(50.00% + 106px);
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border-radius: 11px;
  border: 0.7px solid;
  border-color: #ff99cd;
}

.rabbiclaw .ellipse-11 {
  position: absolute;
  top: 18px;
  left: calc(50.00% - 160px);
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border-radius: 11px;
  border: 0.7px solid;
  border-color: #ff99cd;
}

.rabbiclaw .ellipse-12 {
  position: absolute;
  top: 18px;
  left: calc(50.00% - 141px);
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border-radius: 11px;
  border: 0.7px solid;
  border-color: #ff99cd;
}

.rabbiclaw .ellipse-13 {
  position: absolute;
  top: 18px;
  left: calc(50.00% - 122px);
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border-radius: 11px;
  border: 0.7px solid;
  border-color: #ff99cd;
}

.rabbiclaw .ellipse-14 {
  position: absolute;
  top: 18px;
  left: calc(50.00% - 103px);
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border-radius: 11px;
  border: 0.7px solid;
  border-color: #ff99cd;
}

.rabbiclaw .ellipse-15 {
  position: absolute;
  top: 18px;
  left: calc(50.00% - 84px);
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border-radius: 11px;
  border: 0.7px solid;
  border-color: #ff99cd;
}

.rabbiclaw .ellipse-16 {
  position: absolute;
  top: 18px;
  left: calc(50.00% - 65px);
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border-radius: 11px;
  border: 0.7px solid;
  border-color: #ff99cd;
}

.rabbiclaw .ellipse-17 {
  position: absolute;
  top: 18px;
  left: calc(50.00% - 46px);
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border-radius: 11px;
  border: 0.7px solid;
  border-color: #ff99cd;
}

.rabbiclaw .rectangle-17 {
  position: absolute;
  top: 0;
  left: calc(50.00% - 163px);
  width: 293px;
  height: 34px;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid;
  border-color: #ff99cd;
}

.rabbiclaw .vector-9 {
  position: absolute;
  top: -1px;
  left: 26px;
  width: 242px;
  height: 37px;
}

.rabbiclaw .text-wrapper-41 {
  top: 12px;
  left: calc(50.00% - 46px);
  font-size: 10px;
  text-align: center;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 10;
  color: #ff99cd;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-42 {
  position: absolute;
  top: 41px;
  left: calc(50.00% - 143px);
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  color: #ffffff;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-43 {
  left: calc(50.00% - 124px);
  position: absolute;
  top: 41px;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  color: #ffffff;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-44 {
  position: absolute;
  top: 41px;
  left: calc(50.00% - 105px);
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  color: #ffffff;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-45 {
  left: calc(50.00% - 86px);
  position: absolute;
  top: 41px;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  color: #ffffff;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-46 {
  position: absolute;
  top: 41px;
  left: calc(50.00% - 67px);
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  color: #ffffff;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-47 {
  left: calc(50.00% - 48px);
  position: absolute;
  top: 41px;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  color: #ffffff;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-48 {
  position: absolute;
  top: 41px;
  left: calc(50.00% - 29px);
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  color: #ffffff;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-49 {
  left: calc(50.00% - 10px);
  position: absolute;
  top: 41px;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  color: #ffffff;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-50 {
  position: absolute;
  top: 41px;
  left: calc(50.00% + 9px);
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  color: #ffffff;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-51 {
  left: calc(50.00% + 28px);
  position: absolute;
  top: 41px;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  color: #ffffff;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-52 {
  position: absolute;
  top: 41px;
  left: calc(50.00% + 47px);
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  color: #ffffff;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-53 {
  left: calc(50.00% + 66px);
  position: absolute;
  top: 41px;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  color: #ffffff;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-54 {
  position: absolute;
  top: 41px;
  left: calc(50.00% + 85px);
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  color: #ffffff;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-55 {
  left: calc(50.00% + 104px);
  position: absolute;
  top: 41px;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  color: #ffffff;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .text-wrapper-56 {
  position: absolute;
  top: 4px;
  left: calc(50.00% - 160px);
  width: 29px;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  color: #ff99cd;
  font-size: 7px;
  text-align: center;
  letter-spacing: 2.45px;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .pic-20 {
  top: 4px;
  left: calc(50.00% + 20px);
  width: 26px;
  height: 26px;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .pic-21 {
  top: 4px;
  left: calc(50.00% - 78px);
  width: 26px;
  height: 27px;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .frame {
  position: absolute;
  top: 56px;
  left: calc(50.00% - 145px);
  width: 257px;
  height: 130px;
  background-color: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid;
  border-color: #ff99cd;
}

.rabbiclaw .rectangle-18 {
  position: absolute;
  top: -15px;
  left: 9px;
  width: 7px;
  height: 56px;
  background-color: #fff1f8;
  transform: rotate(48.46deg);
}

.rabbiclaw .rectangle-19 {
  position: absolute;
  top: -16px;
  left: 21px;
  width: 7px;
  height: 79px;
  background-color: #ffddee;
  transform: rotate(48.46deg);
}

.rabbiclaw .rectangle-20 {
  position: absolute;
  top: -27px;
  left: 31px;
  width: 7px;
  height: 127px;
  background-color: #fff2f8;
  transform: rotate(48.46deg);
}

.rabbiclaw .rectangle-21 {
  position: absolute;
  top: -32px;
  left: 44px;
  width: 7px;
  height: 155px;
  background-color: #ffddee;
  transform: rotate(48.46deg);
}

.rabbiclaw .rectangle-22 {
  position: absolute;
  top: -37px;
  left: 54px;
  width: 7px;
  height: 190px;
  background-color: #fff2f8;
  transform: rotate(48.46deg);
}

.rabbiclaw .rectangle-23 {
  position: absolute;
  top: -45px;
  left: 60px;
  width: 7px;
  height: 238px;
  background-color: #ffddee;
  transform: rotate(48.46deg);
}

.rabbiclaw .rectangle-24 {
  position: absolute;
  top: -46px;
  left: 94px;
  width: 7px;
  height: 225px;
  background-color: #fff2f8;
  transform: rotate(48.46deg);
}

.rabbiclaw .rectangle-25 {
  position: absolute;
  top: -47px;
  left: 124px;
  width: 7px;
  height: 218px;
  background-color: #ffddee;
  transform: rotate(48.46deg);
}

.rabbiclaw .rectangle-26 {
  position: absolute;
  top: -53px;
  left: 143px;
  width: 7px;
  height: 241px;
  background-color: #fff2f8;
  transform: rotate(48.46deg);
}

.rabbiclaw .rectangle-27 {
  position: absolute;
  top: -42px;
  left: 170px;
  width: 7px;
  height: 212px;
  background-color: #ffddee;
  transform: rotate(48.46deg);
}

.rabbiclaw .rectangle-28 {
  position: absolute;
  top: -42px;
  left: 191px;
  width: 7px;
  height: 220px;
  background-color: #fff2f8;
  transform: rotate(48.46deg);
}

.rabbiclaw .rectangle-29 {
  position: absolute;
  top: 1px;
  left: 198px;
  width: 7px;
  height: 164px;
  background-color: #ffddee;
  transform: rotate(48.46deg);
}

.rabbiclaw .rectangle-30 {
  position: absolute;
  top: 32px;
  left: 212px;
  width: 7px;
  height: 127px;
  background-color: #fff2f8;
  transform: rotate(48.46deg);
}

.rabbiclaw .rectangle-31 {
  position: absolute;
  top: 27px;
  left: 226px;
  width: 7px;
  height: 155px;
  background-color: #ffddee;
  transform: rotate(48.46deg);
}

.rabbiclaw .rectangle-32 {
  position: absolute;
  top: 55px;
  left: 235px;
  width: 7px;
  height: 127px;
  background-color: #fff2f8;
  transform: rotate(48.46deg);
}

.rabbiclaw .rectangle-33 {
  position: absolute;
  top: 50px;
  left: 249px;
  width: 7px;
  height: 155px;
  background-color: #ffddee;
  transform: rotate(48.46deg);
}

.rabbiclaw .dddd {
  position: absolute;
  top: 14px;
  left: 30px;
  width: 35px;
  height: 26px;
  aspect-ratio: 1.32;
  object-fit: cover;
}

.rabbiclaw .rectangle-34 {
  position: absolute;
  top: -4px;
  left: 45px;
  width: 5px;
  height: 19px;
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ff99cd;
}

.rabbiclaw .text-wrapper-57 {
  position: absolute;
  top: 7px;
  left: calc(50.00% - 87px);
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  color: #ffbedf;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .rectangle-35 {
  position: absolute;
  top: 56px;
  left: calc(50.00% - 145px);
  width: 16px;
  height: 130px;
  background-color: #ffffff;
  border-radius: 4px 0px 0px 4px;
  border: 1px solid;
  border-color: #ff99cd;
}

.rabbiclaw .rectangle-36 {
  position: absolute;
  top: 141px;
  left: 18px;
  width: 73px;
  height: 45px;
  background-color: #ff99cd38;
  border-radius: 0px 3px 0px 3px;
  border: 1px solid;
  border-color: #ffffff;
}

.rabbiclaw .rectangle-37 {
  position: absolute;
  top: 144px;
  left: 18px;
  width: 70px;
  height: 42px;
  background-color: #ff99cd38;
  border-radius: 0px 3px 0px 3px;
  border: 1px solid;
  border-color: #ffffff;
}

.rabbiclaw .pic-22 {
  top: 133px;
  left: calc(50.00% - 86px);
  width: 22px;
  height: 22px;
  position: absolute;
  aspect-ratio: 0.96;
}

.rabbiclaw .decorbg {
  position: absolute;
  top: 1131px;
  left: calc(50.00% - 135px);
  width: 270px;
  height: 68px;
  aspect-ratio: 3.95;
  object-fit: cover;
}

.rabbiclaw .ellipse-18 {
  position: absolute;
  top: 1173px;
  left: 176px;
  width: 5px;
  height: 6px;
  background-color: #ff99cd;
  border-radius: 2.39px / 3.03px;
}

.rabbiclaw .ellipse-19 {
  position: absolute;
  top: 1173px;
  left: 209px;
  width: 5px;
  height: 6px;
  background-color: #ff99cd;
  border-radius: 2.39px / 3.03px;
}

.rabbiclaw .ellipse-20 {
  position: absolute;
  top: 1178px;
  left: calc(50.00% - 3px);
  width: 6px;
  height: 5px;
}

.rabbiclaw .text-wrapper-58 {
  top: 1178px;
  position: absolute;
  left: 119px;
  transform: rotate(-6.64deg);
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .blossom-wishes-cover {
  top: 725px;
  left: 280px;
  width: 40px;
  height: 40px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbiclaw .blossom-wishes-cover-2 {
  top: 713px;
  left: 247px;
  width: 45px;
  height: 45px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbiclaw .blossom-wishes-cover-3 {
  top: 693px;
  left: 273px;
  width: 41px;
  height: 41px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbiclaw .blossom-wishes-cover-4 {
  top: 726px;
  left: 218px;
  width: 41px;
  height: 41px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbiclaw .blossom-wishes-cover-5 {
  top: 685px;
  left: 231px;
  width: 45px;
  height: 45px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbiclaw .rectangle-38 {
  position: absolute;
  top: 639px;
  left: calc(50.00% - 129px);
  width: 257px;
  height: 130px;
  border-radius: 4px;
  border: 1px solid;
  border-color: #ff99cd;
}

.rabbiclaw .blossom-wishes-cover-6 {
  top: 699px;
  left: 204px;
  width: 42px;
  height: 42px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbiclaw .blossom-wishes-cover-7 {
  top: 723px;
  left: 183px;
  width: 44px;
  height: 44px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbiclaw .blossom-wishes-cover-8 {
  top: 666px;
  left: 258px;
  width: 44px;
  height: 44px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbiclaw .blossom-wishes-cover-9 {
  top: 666px;
  left: 209px;
  width: 45px;
  height: 45px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbiclaw .blossom-wishes-cover-10 {
  top: 688px;
  left: 178px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbiclaw .blossom-wishes-cover-11 {
  top: 724px;
  left: 157px;
  width: 43px;
  height: 43px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbiclaw .blossom-wishes-cover-12 {
  top: 692px;
  left: 148px;
  width: 40px;
  height: 40px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbiclaw .blossom-wishes-cover-13 {
  top: 662px;
  left: 178px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbiclaw .decorbg-2 {
  position: absolute;
  top: 480px;
  left: calc(50.00% - 135px);
  width: 270px;
  height: 68px;
  aspect-ratio: 3.95;
  object-fit: cover;
}

.rabbiclaw .ellipse-21 {
  position: absolute;
  top: 521px;
  left: 176px;
  width: 5px;
  height: 6px;
  background-color: #ff99cd;
  border-radius: 2.39px / 3.03px;
}

.rabbiclaw .ellipse-22 {
  position: absolute;
  top: 521px;
  left: 209px;
  width: 5px;
  height: 6px;
  background-color: #ff99cd;
  border-radius: 2.39px / 3.03px;
}

.rabbiclaw .ellipse-23 {
  position: absolute;
  top: 526px;
  left: calc(50.00% - 3px);
  width: 6px;
  height: 5px;
}

.rabbiclaw .text-wrapper-59 {
  top: 526px;
  position: absolute;
  left: 119px;
  transform: rotate(-6.64deg);
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99cd;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.rabbiclaw .vector-10 {
  position: absolute;
  top: 609px;
  left: 333px;
  width: 13px;
  height: 14px;
}

.rabbiclaw .vector-11 {
  position: absolute;
  top: 613px;
  left: 332px;
  width: 16px;
  height: 4px;
}

.rabbiclaw .vector-12 {
  position: absolute;
  top: 752px;
  left: 50px;
  width: 15px;
  height: 12px;
}

.rabbiclaw .vector-13 {
  position: absolute;
  top: 754px;
  left: 50px;
  width: 16px;
  height: 7px;
  object-fit: contain;
}

.rabbiclaw .vector-14 {
  position: absolute;
  top: 768px;
  left: 53px;
  width: 10px;
  height: 16px;
}

.rabbiclaw .vector-15 {
  position: absolute;
  top: 773px;
  left: 50px;
  width: 16px;
  height: 5px;
}

.rabbiclaw .vector-16 {
  position: absolute;
  top: 659px;
  left: 187px;
  width: 8px;
  height: 8px;
}

.rabbiclaw .vector-17 {
  position: absolute;
  top: 661px;
  left: 186px;
  width: 10px;
  height: 3px;
}

.rabbiclaw .vector-18 {
  position: absolute;
  top: 665px;
  left: 286px;
  width: 10px;
  height: 3px;
  object-fit: contain;
}

.rabbiclaw .vector-19 {
  position: absolute;
  top: 663px;
  object-fit: contain;
  left: 287px;
  width: 9px;
  height: 7px;
}

.rabbiclaw .vector-20 {
  position: absolute;
  top: 665px;
  left: 236px;
  width: 10px;
  height: 3px;
}

.rabbiclaw .vector-21 {
  position: absolute;
  top: 662px;
  left: 238px;
  width: 7px;
  height: 9px;
}

.rabbiclaw .vector-22 {
  position: absolute;
  top: 729px;
  left: 253px;
  width: 10px;
    object-fit: contain;

  height: 5px;
}

.rabbiclaw .vector-23 {
  position: absolute;
  top: 727px;
  left: 256px;
  width: 5px;
  height: 10px;
}

.rabbiclaw .vector-24 {
  position: absolute;
  top: 692px;
  left: 146px;
  width: 6px;
  height: 9px;
  
}

.rabbiclaw .vector-25 {
  position: absolute;
  top: 695px;
  left: 144px;
  width: 10px;
  height: 4px;
  object-fit: contain;
}

.rabbiclaw .vector-26 {
  position: absolute;
  top: 697px;
  left: 308px;
  width: 10px;
  height: 5px;
    object-fit: contain;

}

.rabbiclaw .vector-27 {
  position: absolute;
  top: 694px;
  left: 310px;
  width: 5px;
  height: 10px;
  
}

.rabbiclaw .vector-28 {
  position: absolute;
  top: 726px;
  left: 314px;
  width: 9px;
  height: 9px;
    object-fit: contain;


}

.rabbiclaw .vector-29 {
  position: absolute;
  top: 726px;
  left: 316px;
  width: 5px;
  
  height: 10px;
}

.rabbiclaw .pic-23 {
  position: absolute;
  top: 752px;
  left: calc(50.00% + 118px);
  width: 34px;
  height: 35px;
  aspect-ratio: 0.96;
}


/* 📱 iPAD / TABLET */

@media (min-width: 600px) and (max-width: 1023px) {

  .rabbiclaw {
    transform: scale(1.45);
    transform-origin: top center;
    margin-bottom: 250px;
  }

}


/* 💻 LAPTOP / DESKTOP */

@media (min-width: 1024px) {

  .rabbiclaw{
    transform: scale(1.55);
    transform-origin: top center;
    margin-bottom: 450px;
  }

}

/* 🎀 CODE POPUP STYLES 🎀 */
.code-popup-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(255, 240, 247, 0.55);
  backdrop-filter: blur(4px);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

.code-popup-overlay.active {
  display: flex;
}

.code-popup {
  background: #fff5fa;
  border: 2px solid #ff99cd;
  border-radius: 18px;
  padding: 20px 20px;
  width: 300px;
  text-align: center;
  font-family: "Vividly-Regular", Helvetica;
  color: #ff99cd;
  box-shadow: 0 8px 30px rgba(255, 235, 245, 0.4);
  animation: popIn 0.35s ease;
}

@keyframes popIn {
  0% { transform: scale(0.7); opacity: 0; }
  70% { transform: scale(1.05); }
  100% { transform: scale(1); opacity: 1; }
}

.popup-bow { font-size: 28px; margin-bottom: 6px; }

.code-popup h3 {
  font-size: 16px;
  color: #ff99cd;
}

.code-popup p {
  font-size: 12px;
  margin: 8px 0;
}

.code-popup input {
  width: 100%;
  padding: 10px;
  border: 1.5px solid #ff99cd;
  border-radius: 10px;
  background: #fff;
  color: #ff99cd;
  font-family: inherit;
  font-size: 12px;
  text-align: center;
  outline: none;
  margin-top: 6px;
}

.code-popup input:focus { border-color: #ff99cd; }

.popup-buttons {
  display: flex;
  gap: 8px;
  margin-top: 14px;
}

.popup-buttons button,
.download-btn {
  flex: 1;
  padding: 10px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 12px;
  background: #ffbfe0;
  color: #fff;
  transition: 0.2s;
}

.popup-buttons button:hover,
.download-btn:hover {
  background: #ff99cd;
  transform: translateY(-1px);
}

#closePopup { background: #ffe2f1; color: #ff99cd; }

#codeMessage {
  font-size: 11px;
  margin-top: 10px;
  min-height: 14px;
}

#codeMessage.error { color: #ff99cd; }
#codeMessage.success { color: #ff99cd; }

.win-popup img#winItemImg {
  width: 70px;
  height: 70px;
  object-fit: contain;
  margin: 8px auto;
  display: block;
  animation: floaty 2s ease-in-out infinite;
}

@keyframes floaty {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

/* 🦾 CLAW GROUP — GPU-accelerated */
.claw-group {
  position: absolute;
  top: 14px;
  left: 30px;
  width: 35px;
  height: 26px;
  transform: translate3d(0, 0, 0);
  transition: transform 1.2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: 50;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  pointer-events: none;
  transform-origin: center center;
  contain: layout style;
}

.claw-group .dddd {
  position: absolute;
  top: 0; left: 0;
  width: 35px; height: 26px;
  object-fit: cover;
}

.claw-group .rectangle-34 {
  position: absolute;
  top: -118px; left: 15px;
  width: 5px; height: 119px;
  background-color: #ffffff;
  border: 1px solid #ff99cd;
}

.claw-group .text-wrapper-57 {
  position: absolute;
  top: -6px; left: 10px;
  font-family: "Peperrito Ornaments Regular";
  color: #ffbedf;
  font-size: 15px;
  white-space: nowrap;
}

/* 🎁 Carried item */
.carried-item {
  position: fixed;
  object-fit: contain;
  z-index: 200;
  pointer-events: none;
  transition: transform 1.2s cubic-bezier(0.45, 0, 0.55, 1);
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  filter: drop-shadow(0 4px 8px rgba(255, 153, 205, 0.7));
}

/* 🌸 Grabbed item fades */
.blossom-wishes-cover.grabbed,
[class*="blossom-wishes-cover"].grabbed {
  opacity: 0.25;
  transition: opacity 0.4s ease;
}

/* 🎀 Prize inside drop box */
.prize-in-box {
  position: absolute;
  width: 42px;
  height: 42px;
  object-fit: contain;
  top: 2px;
  left: 14px;
  z-index: 6;
  animation: popIn 0.6s ease;
  filter: drop-shadow(0 2px 6px rgba(255, 153, 205, 0.7));
}
/* 🌸 CUTE STICKERS ON POPUPS 🌸 */
.code-popup {
  position: relative; /* ⬅️ IMPORTANT: so stickers can position inside */
  overflow: visible;  /* ⬅️ let stickers peek outside */
}

.popup-sticker {
  position: absolute;
  width: 42px;
  height: 42px;
  object-fit: contain;
  pointer-events: none;
  z-index: 10;
  filter: drop-shadow(0 2px 4px rgba(255, 234, 245, 0.4));
  animation: stickerFloat 3s ease-in-out infinite;
}

/* 🎯 positions */
.sticker-tl { top: -18px;    left: -18px;   animation-delay: 0s; }
.sticker-tr { top: -18px;    right: -18px;  animation-delay: 0.4s; }
.sticker-bl { bottom: -18px; left: -18px;   animation-delay: 0.8s; }
.sticker-br { bottom: -18px; right: -18px;  animation-delay: 1.2s; }

/* 🎀 gentle floating */
@keyframes stickerFloat {
  0%, 100% { transform: translateY(0) rotate(-6deg); }
  50%      { transform: translateY(-6px) rotate(6deg); }
}

/* ✨ little bounce on the main bow emoji */
.popup-bow {
  display: inline-block;
  animation: bowBounce 2s ease-in-out infinite;
}

@keyframes bowBounce {
  0%, 100% { transform: scale(1) rotate(0deg); }
  50%      { transform: scale(1.15) rotate(-8deg); }
}

/* 🚫 Prevent mobile page jump/zoom when popup opens */


/* 🎀 Popups — lock the page in place */
.code-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;           /* allow scroll INSIDE popup only */
  overscroll-behavior: contain; /* 🚫 stop background scroll */
  -webkit-overflow-scrolling: touch;
}

/* 📱 Prevent input zoom on iPhone when typing */
.code-popup input,
.code-popup button {
  font-size: 16px !important; /* iOS zooms if <16px */
}

/* 🚫 Stop body scroll while popup is open */
body.popup-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  touch-action: none;
}