@charset "UTF-8";

*,
:before,
:after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}

body {
  margin: 0;
}

img {
  display: block;
}

button {
  appearance: button;
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}

[data-theme="black"] {
  display: block;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.min-h-\[334px\] {
  min-height: 0;
  height: 334px;
}

.w-\[250px\] {
  width: 250px;
}

.w-\[28px\] {
  width: 28px;
}

.h-\[28px\] {
  height: 28px;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[16px\] {
  font-size: 16px;
}

.pb-\[20px\] {
  padding-bottom: 20px;
}

.red-packet.svelte-1blliaj {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  transform-origin: center center;
  min-height: 100vh;
  color: #ffdcad;
  animation-fill-mode: forwards;
  --animate-duration: 0.6s;
}

.packet-back.svelte-1blliaj {
  border-radius: 20px;
  background-image: radial-gradient(#f35543 50% 90%, #f35543);
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.gold.svelte-1blliaj {
  position: relative;
  top: -8px;
}

.gold.svelte-1blliaj .gold-line:where(.svelte-1blliaj) {
  width: 100%;
  animation-duration: 1s;
  position: absolute;
  top: 14px;
  left: 0;
}

.gold-center.svelte-1blliaj {
  position: relative;
  text-align: center;
  top: 12px;
  width: 100%;
  animation-duration: 2s;
}

.gold-coin.svelte-1blliaj {
  width: 60px;
  height: 60px;
}

.gold-text.svelte-1blliaj {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  font-weight: 900;
  color: #eb4a38;
}

.nickname.svelte-1blliaj {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.m-t-13.svelte-1blliaj {
  margin-bottom: 20px;
}

.content-rotate.svelte-1blliaj {
  transition: 0.3s;
  height: 100%;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='250'%20height='93'%20viewBox='0%200%20250%2093'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_24676_27518)'%3e%3cg%20filter='url(%23filter0_i_24676_27518)'%3e%3cpath%20d='M250%2015.7906C249.888%207.05053%20242.768%200%20234.002%200H16.0018C7.16525%200%200.00179672%207.16344%200.00179672%2016L0%2015.9977V60.5047C32.9252%2075.0848%2077.0307%2084%20125.502%2084C173.482%2084%20217.185%2075.2643%20250%2060.9457V15.7906Z'%20fill='%23FF6342'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_i_24676_27518'%20x='0'%20y='0'%20width='250'%20height='84'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset/%3e%3cfeGaussianBlur%20stdDeviation='5'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='arithmetic'%20k2='-1'%20k3='1'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%200.654902%200%200%200%200%200.615686%200%200%200%201%200'/%3e%3cfeBlend%20mode='normal'%20in2='shape'%20result='effect1_innerShadow_24676_27518'/%3e%3c/filter%3e%3cclipPath%20id='clip0_24676_27518'%3e%3crect%20width='250'%20height='93'%20rx='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
    no-repeat;
  background-size: 100% auto;
  background-position: center top;
  box-shadow:
    0 0 12px 5px #f5dada5e inset,
    0 0 15px 1px #c009 inset;
}

.receive.svelte-1blliaj {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  vertical-align: middle;
  border-radius: 32px;
  padding: 11px 50px;
  border: 1px solid #ffdcad;
  color: #eb4a38;
  background: linear-gradient(
    180deg,
    #ffedaf,
    #f8f5da 16.5%,
    #f7e8a0 53.5%,
    #f3b35a
  );
  box-shadow:
    0 -3px 2px #ffffff4d inset,
    0 2px 5px #c009;
}

.content-title.svelte-1blliaj {
  text-align: center;
  margin: 0 auto;
  height: 50px;
}

.content-title.svelte-1blliaj .nickname:where(.svelte-1blliaj) {
  display: inline-block;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='152'%20height='31'%20viewBox='0%200%20152%2031'%20fill='none'%3e%3cpath%20d='M2.31763%200C3.35641%200.342765%204.11921%200.747943%204.66624%201.14289C5.49115%201.73845%205.79929%202.28897%205.87142%202.55693L5.87142%209C5.87142%2020.3218%2015.0496%2029.5%2026.3714%2029.5H126.371C137.693%2029.5%20146.871%2020.3218%20146.871%209V2.55695C146.944%202.289%20147.252%201.73847%20148.077%201.14289C148.624%200.747943%20149.386%200.342765%20150.425%200H147.994C147.814%200.109301%20147.646%200.220308%20147.491%200.332113C146.503%201.04586%20145.998%201.81802%20145.881%202.40194L145.871%202.45049V9C145.871%2019.7696%20137.141%2028.5%20126.371%2028.5H26.3714C15.6019%2028.5%206.87142%2019.7696%206.87142%209V2.45049L6.86171%202.40194C6.74493%201.81802%206.24021%201.04586%205.2516%200.332113C5.09674%200.220308%204.92923%200.109301%204.74835%200H2.31763Z'%20fill='url(%23paint0_linear_24676_27585)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_24676_27585'%20x1='2.31763'%20y1='14.75'%20x2='150.425'%20y2='14.75'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F1A457'/%3e%3cstop%20offset='0.352861'%20stop-color='%23F5EFD0'/%3e%3cstop%20offset='0.646474'%20stop-color='%23F5EFD0'/%3e%3cstop%20offset='1'%20stop-color='%23F1A457'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e")
    no-repeat 100% 100%;
  background-size: 100% auto;
  color: #f8f0c5;
  padding: 4px 0;
  width: 138px;
}

.content-text.svelte-1blliaj {
  margin: 40px 10px 0;
  text-align: center;
  transition: 0.3s;
}

.close.svelte-1blliaj {
  color: #ffdcad;
  font-size: 38px;
}

.bottomContent.svelte-1blliaj {
  margin-top: 30px;
}

.core-content.svelte-1blliaj {
  font-size: 16px;
  font-weight: 500;
  margin: 20px 0;
  min-height: 80px;
  max-height: 160px;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffdcad;
}