/* LM_RELEASE_DELIVERY_CLIENT_ADMIN_UI_V1_0_0 */

.lm-release-delivery-badge{
  position:fixed;
  left:50%;
  top:14px;
  z-index:2147483200;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  max-width:min(560px,calc(100vw - 28px));
  padding:9px 15px;
  border:2px solid #ffb020;
  border-radius:999px;
  background:#fff8e8;
  color:#7c4a00;
  box-shadow:0 15px 45px rgba(122,72,0,.28);
  transform:translateX(-50%);
  font-family:inherit;
  cursor:pointer;
  animation:
    lm-release-delivery-badge-pulse
    1s ease-in-out infinite;
}

.lm-release-delivery-badge .pulse{
  width:10px;
  height:10px;
  flex:0 0 auto;
  border-radius:50%;
  background:#f04438;
  animation:
    lm-release-delivery-dot-pulse
    1s ease-out infinite;
}

.lm-release-delivery-badge b{
  font-size:13px;
  font-weight:1000;
  white-space:nowrap;
}

.lm-release-delivery-badge small{
  color:#9a5b00;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}

.lm-release-delivery-overlay{
  position:fixed;
  inset:0;
  z-index:2147483500;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(15,27,48,.62);
  backdrop-filter:blur(5px);
}

.lm-release-delivery-card{
  width:min(510px,100%);
  max-height:calc(100vh - 40px);
  overflow:auto;
  padding:27px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:22px;
  background:#fff;
  color:#18243a;
  box-shadow:0 35px 100px rgba(8,20,43,.38);
  text-align:center;
  animation:
    lm-release-delivery-center-in
    .2s ease-out;
}

.lm-release-delivery-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:60px;
  height:60px;
  margin:0 auto 13px;
  border-radius:50%;
  background:#eaf1ff;
  color:#315fce;
  font-size:34px;
  font-weight:1000;
}

.lm-release-delivery-card>small:first-of-type{
  display:block;
  color:#61718c;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.07em;
}

.lm-release-delivery-card h2{
  margin:7px 0 12px;
  font-size:23px;
  line-height:1.35;
  letter-spacing:-.04em;
}

.lm-release-delivery-card>p{
  margin:0;
  color:#56647a;
  font-size:14px;
  font-weight:750;
  line-height:1.7;
}

.lm-release-delivery-version{
  display:flex;
  justify-content:space-between;
  gap:14px;
  margin-top:18px;
  padding:12px 14px;
  border-radius:11px;
  background:#f1f5fb;
  font-size:12px;
  text-align:left;
}

.lm-release-delivery-version span{
  color:#64748b;
  font-weight:900;
}

.lm-release-delivery-version b{
  overflow-wrap:anywhere;
  color:#315fce;
  text-align:right;
}

.lm-release-delivery-guide{
  margin-top:10px;
  padding:11px 13px;
  border:1px solid #efdaa8;
  border-radius:11px;
  background:#fff9ec;
  color:#7b5914;
  font-size:12px;
  font-weight:800;
  line-height:1.55;
}

.lm-release-delivery-actions{
  display:grid;
  grid-template-columns:1fr 1.45fr;
  gap:9px;
  margin-top:20px;
}

.lm-release-delivery-actions button{
  min-height:45px;
  border:1px solid #cbd5e3;
  border-radius:11px;
  background:#fff;
  color:#35445d;
  font-family:inherit;
  font-weight:1000;
  cursor:pointer;
}

.lm-release-delivery-actions button.primary{
  border-color:#315fce;
  background:#315fce;
  color:#fff;
}

.lm-release-delivery-foot{
  display:block;
  margin-top:13px;
  color:#768398;
  font-size:10px;
  font-weight:800;
  line-height:1.5;
}

#btnNotices.lm-release-notice-blink{
  position:relative;
  border-color:#ffb020!important;
  background:#fff3d4!important;
  animation:
    lm-release-notice-button-pulse
    .9s ease-in-out infinite;
}

#btnNotices.lm-release-notice-blink::after{
  content:"업데이트";
  position:absolute;
  top:-8px;
  right:-7px;
  z-index:2;
  padding:3px 7px;
  border-radius:999px;
  background:#e5484d;
  color:#fff;
  font-size:9px;
  font-weight:1000;
  box-shadow:0 5px 14px rgba(229,72,77,.3);
}

@keyframes lm-release-delivery-center-in{
  from{
    opacity:0;
    transform:translateY(16px) scale(.97);
  }
  to{
    opacity:1;
    transform:none;
  }
}

@keyframes lm-release-delivery-badge-pulse{
  0%,100%{
    box-shadow:0 15px 45px rgba(122,72,0,.20);
  }
  50%{
    box-shadow:
      0 15px 50px rgba(122,72,0,.36),
      0 0 0 7px rgba(255,176,32,.18);
  }
}

@keyframes lm-release-delivery-dot-pulse{
  0%{
    box-shadow:0 0 0 0 rgba(240,68,56,.55);
  }
  100%{
    box-shadow:0 0 0 9px rgba(240,68,56,0);
  }
}

@keyframes lm-release-notice-button-pulse{
  0%,100%{
    box-shadow:0 0 0 rgba(255,176,32,0);
  }
  50%{
    box-shadow:
      0 0 0 6px rgba(255,176,32,.24);
  }
}

@media(max-width:560px){
  .lm-release-delivery-badge{
    top:8px;
    padding:8px 11px;
  }

  .lm-release-delivery-badge small{
    display:none;
  }

  .lm-release-delivery-card{
    padding:22px 17px;
  }

  .lm-release-delivery-actions{
    grid-template-columns:1fr;
  }
}