.home-notice { position: relative; }
.home-notice .shell { position: relative; }

.notice-carousel{
  position:relative;
  width:100%;
  height:20px;
  min-width:0;
  overflow:hidden;
  line-height:20px;
}

.notice-slide{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  opacity:0;
  transform:translateY(100%);
  transition:opacity .4s ease,transform .4s ease;
  white-space:nowrap;
}

.notice-slide.is-active{
  opacity:1;
  transform:translateY(0);
}

.notice-slide.is-exit{
  opacity:0;
  transform:translateY(-100%);
}

@media (max-width:800px){
  .notice-carousel{height:auto}
  .notice-slide{position:relative;white-space:normal}
  .notice-slide:not(.is-active){display:none}
}

@media (prefers-reduced-motion:reduce){
  .notice-slide{transition:none}
}