@charset "utf-8";

/*
* NB2024-12725 2026 9월 메가위크 사전 안내(Noti) 전용 CSS - PC (1920px 기준)
* base/reset/button/icon 은 common.css(.bf) 참조. 이 파일은 .mw 스코프 시안 스타일.
* vw 단위: 80px => calc(80 * var(--vw));
*/

.mw { background: #fff; }

/* ===== 공통 헤드 ===== */
.mw__head { text-align: center; }
.mw__subtitle {
  font-family: "ProximaNova", sans-serif;
  font-size: calc(20 * var(--vw));
  font-weight: 700;
  line-height: calc(28 * var(--vw));
  color: #FA149E;
}
.mw__title {
  margin-top: calc(10 * var(--vw));
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(40 * var(--vw));
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: -0.05em;
  color: #151415;
}
.mw__desc {
  margin-top: calc(30 * var(--vw));
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(24 * var(--vw));
  font-weight: 400;
  line-height: calc(38 * var(--vw));
  letter-spacing: -0.05em;
  color: #151415;
  text-align: center;
}
.mw__desc--sm { margin-top: calc(10 * var(--vw)); }
.mw .font--en { font-family: "ProximaNova", sans-serif; letter-spacing: 0; }

/* ===== 00. 마퀴(무한 롤링) - 직전 메가위크(megaweek202604) infiniteRollSwiper 재활용 ===== */
.imc__roll { overflow: hidden; }
.imc__roll .swiper-wrapper { align-items: center; transition-timing-function: linear; }
.imc__roll .swiper-wrapper .swiper-slide { width: calc(1778 * var(--vw)); }

/* ===== 01. Key Visual ===== */
.mw__kv {
  height: calc(680 * var(--vw));
  overflow: hidden;
  background: linear-gradient(90deg, #EDEDED 0%, #3AFBCC 100%);
}
.mw__kv img { width: 100%; height: 100%; object-fit: cover; }

/* ===== 02. COMING SOON + 카운트다운 ===== */
.mw__coming {
  padding: calc(100 * var(--vw)) 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #F5F5F5;
}
.mw__coming-lead {
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(28 * var(--vw));
  font-weight: 700;
  line-height: calc(44 * var(--vw));
  letter-spacing: -0.05em;
  color: #151415;
  text-align: center;
}
.mw__coming-lead .font--en { font-size: calc(30 * var(--vw)); font-weight: 700; }
.mw__coming-title {
  margin-top: calc(80 * var(--vw));
  font-family: "ProximaNova", sans-serif;
  font-size: calc(40 * var(--vw));
  font-weight: 800;
  line-height: calc(28 * var(--vw));
  color: #151415;
}
.mw__coming-period {
  margin-top: calc(24 * var(--vw));
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(24 * var(--vw));
  line-height: calc(38 * var(--vw));
  letter-spacing: -0.05em;
  color: #151415;
}
.mw__coming-period .font--en { font-size: calc(26 * var(--vw)); }
/* 타이머 */
.mw__timer {
  margin-top: calc(50 * var(--vw));
  display: flex;
  align-items: flex-start;
  gap: calc(34 * var(--vw));
}
.mw__timer-unit {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: calc(18 * var(--vw));
}
.mw__timer-unit .num {
  font-family: "ProximaNova", sans-serif;
  font-size: calc(90 * var(--vw));
  font-weight: 700;
  line-height: 1;
  color: #FA149E;
}
.mw__timer-unit .label {
  font-family: "ITCGaramondStd", "ProximaNova", sans-serif;
  font-size: calc(18 * var(--vw));
  color: #FA149E;
  letter-spacing: -0.01em;
}
.mw__timer-colon {
  font-family: "ProximaNova", sans-serif;
  font-size: calc(90 * var(--vw));
  font-weight: 700;
  line-height: 1;
  color: #FA149E;
}
/* 오픈 알림 신청 버튼 */
.mw__coming-btns {
  margin-top: calc(50 * var(--vw));
  display: flex;
  gap: calc(10 * var(--vw));
}
.mw__coming-btns .btn {
  width: calc(300 * var(--vw));
  height: calc(48 * var(--vw));
  padding: 0 calc(19 * var(--vw));
  border-radius: calc(5 * var(--vw));
  background: #151415;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(8 * var(--vw));
  border: 0;
  cursor: pointer;
}
.mw__coming-btns .btn span,
.mw__cal-foot .btn span {
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(16 * var(--vw));
  color: #fff;
  letter-spacing: -0.05em;
  line-height: 1;
}
.mw__coming-btns .btn b,
.mw__cal-foot .btn b { font-weight: 700; }
.mw__coming-btns .btn:hover,
.mw__cal-foot .btn:hover { background: #2b2a2b; }
.mw__coming-btns .btn [class^="ico--"],
.mw__cal-foot .btn [class^="ico--"] {
  width: calc(36 * var(--vw));
  height: calc(18 * var(--vw));
}
.mw__coming-btns .btn .ico--nk{
  width: calc(47 * var(--vw));
  height: stretch;
}

/* ===== 03. 세일 ===== */
.mw__sale {
  padding: calc(120 * var(--vw)) 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
}
.mw__sale .mw__desc { margin-top: calc(30 * var(--vw)); }
.mw__sale-img {
  margin-top: calc(60 * var(--vw));
  width: calc(940 * var(--vw));
  height: calc(486 * var(--vw));
  border-radius: calc(12 * var(--vw));
  overflow: hidden;
  background: linear-gradient(237deg, #3AFBCC 0%, #EEEEEE 76%);
}
.mw__sale-img img { width: 100%; height: 100%; object-fit: cover; }

/* ===== 04. 프로모션 ===== */
.mw__promo {
  padding: calc(120 * var(--vw)) 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #F5F5F5;
}
.mw__promo-list {
  margin-top: calc(60 * var(--vw));
  display: flex;
  justify-content: center;
  gap: calc(20 * var(--vw));
}
.mw__promo-item { width: calc(340 * var(--vw)); }
.mw__promo-thumb {
  width: calc(340 * var(--vw));
  height: calc(340 * var(--vw));
  overflow: hidden;
}
.mw__promo-text { margin-top: calc(24 * var(--vw)); }
.mw__promo-tit {
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(26 * var(--vw));
  font-weight: 700;
  letter-spacing: -0.05em;
  color: #151415;
}
.mw__promo-dsc {
  margin-top: calc(12 * var(--vw));
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(18 * var(--vw));
  font-weight: 400;
  line-height: calc(28 * var(--vw));
  letter-spacing: -0.05em;
  color: #151415;
}
.mw__promo-dsc .font--en { font-size: calc(20 * var(--vw)); }
.mw__promo-dsc b { font-weight: 700; color: #FA149E; }

/* ===== 공통 탭 (성인/키즈) ===== */
.mw__tab {
  margin-top: calc(40 * var(--vw));
  display: flex;
  justify-content: center;
  gap: calc(10 * var(--vw));
}
.mw__tabBtn {
  width: calc(80 * var(--vw));
  height: calc(40 * var(--vw));
  border-radius: calc(20 * var(--vw));
  border: 0;
  background: #E3E5E6;
  color: #8F959B;
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(16 * var(--vw));
  font-weight: 700;
  letter-spacing: -0.05em;
  cursor: pointer;
}
.mw__tabBtn.on { background: #151415; color: #3AFBCC; }
.mw__panel { display: none; }
.mw__panel.on { display: block; }

/* ===== 05. 발매 캘린더 ===== */
.mw__cal { padding: calc(120 * var(--vw)) 0; background: #fff; }
/* Single Swiper (드래그 스크롤) */
.mw__cal-swiper {
  margin-top: calc(60 * var(--vw));
  overflow: hidden;
}
.mw__cal-swiper .swiper-slide { width: auto; }
/* 260911: 슬라이드 동일높이(stretch) → 박스/카드가 그 높이에 맞춰 늘어나고 버튼만 하단 정렬 (타이틀 여백 없이).
   height:auto !important 는 Swiper가 잡은 슬라이드 높이를 눌러 align-items:stretch 가 먹도록 함 */
.mw__cal-swiper .swiper-wrapper { align-items: stretch; }
.mw__cal-swiper .mw__cal-group { display: flex; flex-direction: column; height: auto !important; }
/* 내용이 뷰포트보다 좁으면(키즈 등) 가운데정렬 - Swiper4 centerInsufficientSlides 대체.
   Swiper가 인라인으로 잡은 wrapper 폭/transform·슬라이드 마진을 눌러 확실히 중앙 배치(스크롤 불필요한 경우만) */
.mw__cal-swiper--center .swiper-wrapper {
  width: 100% !important;
  transform: none !important;
  justify-content: center;
}
.mw__cal-swiper--center .swiper-slide { margin: 0 !important; }
.mw__cal-date {
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(28 * var(--vw));
  font-weight: 700;
  line-height: calc(44 * var(--vw));
  letter-spacing: -0.05em;
  color: #151415;
  margin-bottom: calc(20 * var(--vw));
}
.mw__cal-date .font--en { font-size: calc(30 * var(--vw)); font-weight: 700; }
/* 날짜별 상품 박스 (#F5F5F5) - 해당 날짜 상품(drop)들을 한 박스에 감쌈 */
.mw__cal-cards {
  display: inline-flex;
  flex: 1; /* 슬라이드 남은 높이(날짜 아래) 채움 → 카드 stretch */
  gap: calc(30 * var(--vw));
  padding: calc(30 * var(--vw));
  background: #F5F5F5;
}
/* 상품(drop) - 개별 배경 없음 */
.mw__cal-card { width: calc(280 * var(--vw)); display: flex; flex-direction: column; }
.mw__cal-img {
  width: calc(280 * var(--vw));
  height: calc(280 * var(--vw));
  overflow: hidden;
  background: #8A8A8A;
}
.mw__cal-img img { width: 100%; height: 100%; object-fit: cover; }
.mw__cal-name {
  margin-top: calc(12 * var(--vw));
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(24 * var(--vw));
  font-weight: 900;
  line-height: calc(44 * var(--vw));
  letter-spacing: -0.05em;
  color: #151415;
}
.mw__cal-name--en {font-size: calc(26 * var(--vw)); font-family: "ProximaNova", sans-serif; letter-spacing: 0; }
/* 상품명 내 숫자/영문 (예: 18906M2, 2002) = Proxima Extrabold 30 */
.mw__cal-name .font--en { font-family: "ProximaNova", sans-serif; font-weight: 800; font-size: calc(26 * var(--vw)); letter-spacing: 0; line-height: calc(32 * var(--vw)); }
.mw__cal-txt {
  margin-top: calc(10 * var(--vw));
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(18 * var(--vw));
  font-weight: 400;
  line-height: calc(28 * var(--vw));
  letter-spacing: -0.05em;
  color: #151415;
}
.mw__cal-btns {
  margin-top: auto; /* 카드 하단 정렬 (mw__cal-cards stretch 기준 바닥) */
  padding-top: calc(20 * var(--vw)); /* 설명과의 최소 간격 */
  display: flex;
  gap: calc(8 * var(--vw));
}
.mw__cal-foot {
  margin-top: calc(50 * var(--vw));
  display: flex;
  justify-content: center;
}
.mw__cal-foot .btn {
  width: calc(300 * var(--vw));
  height: calc(48 * var(--vw));
  border-radius: calc(5 * var(--vw));
  background: #151415;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(8 * var(--vw));
  border: 0;
  cursor: pointer;
}

/* mw 버튼 변형 (공용 .btn 위에 덮어씀) */
.mw .btn--sm {
  width: calc(130 * var(--vw));
  height: calc(45 * var(--vw));
  border-radius: calc(5 * var(--vw));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(5 * var(--vw));
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(15 * var(--vw));
  letter-spacing: -0.05em;
  cursor: pointer;
  text-decoration: none;
}
.mw .btn--line { border: calc(1 * var(--vw)) solid #151415; color: #151415; }
.mw .btn--dark { border: 0; background: #151415; color: #fff; }
.mw .btn--dark .ico--alert { width: calc(16 * var(--vw)); height: calc(15 * var(--vw)); }
/* 발매알림 신청완료 상태 (시안 6171: 회색 배경 + 아이콘 숨김 + 텍스트 전환) */
.mw .launch__alert::after { content: "알림 신청하기"; }
.mw .launch__alert:disabled { background: #A1A1A1; }
.mw .launch__alert:disabled::after { content: "알림 신청 완료"; }
.mw .launch__alert:disabled .ico--alert { display: none; }
.mw .btn--md {
  min-width: calc(140 * var(--vw));
  height: calc(45 * var(--vw));
  padding: 0 calc(20 * var(--vw));
  border-radius: calc(5 * var(--vw));
  background: #151415;
  color: #fff;
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(16 * var(--vw));
  letter-spacing: -0.05em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

/* ===== 06. 사전 이벤트 ===== */
.mw__event { padding: calc(100 * var(--vw)) 0 calc(90 * var(--vw)); background: #fff; }
.mw__event .mw__panel.on { margin-top: calc(60 * var(--vw)); }
.mw__evt-list { display: flex; flex-direction: column; gap: calc(20 * var(--vw)); }
.mw__evt-card {
  width: calc(1302 * var(--vw));
  margin: 0 auto;
  padding: calc(70 * var(--vw)) calc(80 * var(--vw));
  border-radius: calc(20 * var(--vw));
  background: #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(60 * var(--vw));
}
.mw__evt-info { flex: 1; }
.mw__evt-tag {
  font-family: "ProximaNova", sans-serif;
  font-size: calc(20 * var(--vw));
  font-weight: 700;
  line-height: calc(28 * var(--vw));
  color: #FA149E;
}
.mw__evt-tit {
  margin-top: calc(10 * var(--vw));
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(36 * var(--vw));
  font-weight: 900;
  line-height: calc(48 * var(--vw));
  letter-spacing: -0.05em;
  color: #151415;
}
.mw__evt-dsc {
  width: max-content;
  margin-top: calc(18 * var(--vw));
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(22 * var(--vw));
  font-weight: 400;
  line-height: calc(34 * var(--vw));
  letter-spacing: -0.05em;
  color: #151415;
}
.mw__evt-dsc b { font-weight: 700; }
.mw__evt-dsc .font--en { font-size: calc(24 * var(--vw)); }
.mw__evt-meta {
  margin-top: calc(18 * var(--vw));
  display: flex;
  flex-direction: column;
  gap: calc(6 * var(--vw));
}
.mw__evt-meta li {
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(18 * var(--vw));
  font-weight: 400;
  line-height: calc(28 * var(--vw));
  letter-spacing: -0.05em;
  color: #737273;
}
.mw__evt-meta li b { font-weight: 700; }
.mw__evt-meta .sep { font-family: "ProximaNova", sans-serif; margin: 0 calc(4 * var(--vw)); }
.mw__evt-info .btn--md { margin-top: calc(24 * var(--vw)); }
.mw__evt-notice {
  display: inline-block;
  margin-top: calc(24 * var(--vw));
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(16 * var(--vw));
  color: #737273;
  text-decoration: underline;
  letter-spacing: -0.05em;
}
.mw__evt-right {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(36 * var(--vw));
}
.mw__evt-img {
  width: calc(490 * var(--vw));
  height: calc(356 * var(--vw));
  border-radius: calc(11 * var(--vw));
  overflow: hidden;
  background: linear-gradient(245deg, #3AFBCC 0%, #EEEEEE 95%);
}
.mw__evt-img img { width: 100%; height: 100%; object-fit: contain; }

/* 사전이벤트(성인) 수신동의 버튼 */
.mw__evt-agree { display: flex; flex-direction: column; align-items: center; gap: calc(16 * var(--vw)); }
.mw__evt-agreeBtns { display: flex; gap: calc(10 * var(--vw)); }
.mw__agreeBtn {
  width: calc(246 * var(--vw));
  height: calc(48 * var(--vw));
  border: calc(1 * var(--vw)) solid #151415;
  border-radius: calc(5 * var(--vw));
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(6 * var(--vw));
  cursor: pointer;
  text-decoration: none;
}
.mw__agreeBtn span {
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(15 * var(--vw));
  color: #151415;
  letter-spacing: -0.05em;
  line-height: 1;
}
.mw__agreeBtn b { font-weight: 700; }
.mw__agreeBtn .font--en { font-size: calc(16 * var(--vw)); }
.mw__agreeBtn-logo { width: auto!important; height: calc(16 * var(--vw)); }
.mw__agreeBtn-ico { width: auto; height: calc(16 * var(--vw)); flex-shrink: 0; }
.mw__evt-agreeNote {
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(16 * var(--vw));
  color: #737273;
  letter-spacing: -0.05em;
}

/* 쿠폰 (CSS 구현) */
.mw__coupon {
  position: relative;
  width: calc(560 * var(--vw));
  height: calc(230 * var(--vw));
  border-radius: calc(11 * var(--vw));
  overflow: hidden;
  background: linear-gradient(245.78deg, #3AFBCC 0%, #EEEEEE 95%);
}
/* 좌우 노치 (카드 배경색 #F5F5F5) */
.mw__coupon::before,
.mw__coupon::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(26 * var(--vw));
  height: calc(26 * var(--vw));
  border-radius: 50%;
  background: #F5F5F5;
}
.mw__coupon::before { left: calc(-13 * var(--vw)); }
.mw__coupon::after { right: calc(-13 * var(--vw)); }
.mw__coupon-logo {
  position: absolute;
  top: calc(25 * var(--vw));
  left: calc(31 * var(--vw));
  width: calc(145 * var(--vw));
  z-index: 1;
}
.mw__coupon-percent {
  position: absolute;
  right: calc(28 * var(--vw));
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  font-family: "ProximaNova", sans-serif;
  font-weight: 700;
  color: #000;
  line-height: 1;
  font-size: calc(148 * var(--vw));
}
.mw__coupon-percent .pct { font-size: calc(90 * var(--vw)); }
.mw__coupon-label {
  position: absolute;
  left: calc(38 * var(--vw));
  bottom: calc(30 * var(--vw));
  z-index: 1;
  font-family: "ITC Avant Garde Gothic Std", "ProximaNova", sans-serif;
  font-weight: 600;
  font-size: calc(17 * var(--vw));
  color: #000;
}
/* 마일리지 쿠폰 (키즈) */
.mw__coupon--mileage .mw__coupon-unit {
  position: absolute;
  left: calc(38 * var(--vw));
  bottom: calc(40 * var(--vw));
  z-index: 1;
  font-family: "ProximaNova", sans-serif;
  font-size: calc(17 * var(--vw));
  font-weight: 600;
  color: #000;
}
.mw__coupon-point {
  position: absolute;
  right: calc(31 * var(--vw));
  bottom: calc(28 * var(--vw));
  z-index: 1;
  font-family: "ProximaNova", sans-serif;
  font-weight: 700;
  color: #000;
  line-height: 1;
  font-size: calc(88 * var(--vw));
}

/* ===== Footer ===== */
.mw__footer {
  height: calc(370 * var(--vw));
  background: linear-gradient(180deg, #fff 0%, #3AFBCC 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mw__footer img { width: calc(660 * var(--vw)); }

/* ===== 앱 푸쉬 QR 팝업 (마수동 pre.css 이식) ===== */
/* 이 페이지 #container가 visibility:hidden 가드라 fixed 팝업 명시 노출 */
.megaweek__popup {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.3);
  visibility: visible;
}
.megaweek__popup.open { display: block; }
.popup__box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(540 * var(--vw));
  height: calc(720 * var(--vw));
  background: #fff;
  border: calc(5 * var(--vw)) solid #CF0A2C;
  border-radius: calc(30 * var(--vw));
  padding: calc(40 * var(--vw));
  display: flex;
  flex-direction: column;
  align-items: center;
}
.popup__close {
  position: absolute;
  top: calc(40 * var(--vw));
  right: calc(40 * var(--vw));
  width: calc(40 * var(--vw));
  height: calc(40 * var(--vw));
  background: #151415;
  border: 0;
  border-radius: calc(20 * var(--vw));
  cursor: pointer;
  font-size: 0;
  color: transparent;
}
.popup__close::before,
.popup__close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(18 * var(--vw));
  height: calc(2 * var(--vw));
  background: #fff;
}
.popup__close::before { transform: translate(-50%, -50%) rotate(45deg); }
.popup__close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.popup__close:hover { background: #CF0A2C; }
.popup__logo { width: calc(131 * var(--vw)); margin-top: calc(70 * var(--vw)); }
.popup__logo img { width: 100%; display: block; }
.popup__title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(40 * var(--vw));
  font-weight: 900;
  color: #151415;
  letter-spacing: -0.05em;
  margin-top: calc(30 * var(--vw));
  text-align: center;
}
.popup__desc {
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(24 * var(--vw));
  font-weight: 400;
  color: #151415;
  letter-spacing: -0.05em;
  margin-top: calc(24 * var(--vw));
  text-align: center;
}
.popup__desc b { font-weight: 700; }
.popup__desc .en { font-family: "ProximaNova", sans-serif; font-weight: 700; letter-spacing: 0; }
.popup__qr {
  width: calc(200 * var(--vw));
  height: calc(200 * var(--vw));
  margin-top: calc(24 * var(--vw));
}
.popup__qr img { width: 100%; display: block; }
.popup__method {
  margin-top: calc(30 * var(--vw));
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  color: #151415;
  letter-spacing: -0.05em;
}
.popup__method .method__t { display: block; font-size: calc(24 * var(--vw)); font-weight: 700; line-height: 1.8; }
.popup__method .method__d { display: block; font-size: calc(22 * var(--vw)); font-weight: 400; line-height: 1.8; }
.popup__method .en { font-family: "ProximaNova", sans-serif; font-size: calc(24 * var(--vw)); letter-spacing: 0; }

/* 발매/오픈 알림 팝업: 옵션이 '정각' 1개뿐이라 space-between 대신 중앙정렬 통일 */
#bfAlarmPopup .launching_alarm .alarm_input,
#bfLaunchAlarmPopup .launching_alarm .alarm_input { justify-content: center; }