.lk-hop-xac-nhan,
.lk-hop-xac-nhan *,
.lk-hop-xac-nhan *::before,
.lk-hop-xac-nhan *::after{box-sizing:border-box}

.lk-hop-xac-nhan{
  padding:0;
  border:1px solid var(--vien);
  border-radius:var(--bo-lon);
  background:var(--mat);
  color:var(--chu);
  font-family:var(--font-than);
  box-shadow:var(--bong);
  max-width:min(92vw, 440px);
  width:auto;
  max-height:calc(100vh - var(--kc) * 4);
  overflow-y:auto;
}

.lk-hop-xac-nhan:not(:modal){
  position:static;
  inset:unset;
  margin:calc(var(--kc) * 2) auto;
  display:block;
}

.lk-hop-xac-nhan::backdrop{
  background:var(--chu);
  opacity:.45;
}

.lk-hop-xac-nhan-hop{
  padding:calc(var(--kc) * 3.5) calc(var(--kc) * 3.5) calc(var(--kc) * 3);
}

.lk-hop-xac-nhan-icon{
  width:44px;
  height:44px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:calc(var(--kc) * 2);
}
.lk-hop-xac-nhan-icon svg{
  width:24px;
  height:24px;
  display:block;
}
.lk-hop-xac-nhan-nguy-hiem .lk-hop-xac-nhan-icon{
  background:color-mix(in srgb, var(--loi) 14%, transparent);
  color:var(--loi);
}
.lk-hop-xac-nhan-canh-bao .lk-hop-xac-nhan-icon{
  background:color-mix(in srgb, var(--canh-bao) 14%, transparent);
  color:var(--canh-bao);
}
.lk-hop-xac-nhan-thong-tin .lk-hop-xac-nhan-icon{
  background:var(--nhan-nhat);
  color:var(--nhan);
}

.lk-hop-xac-nhan-tieu-de{
  font-family:var(--font-tieu-de);
  font-weight:600;
  font-size:18px;
  line-height:1.3;
  color:var(--chu);
  margin:0 0 calc(var(--kc) * 1);
}
.lk-hop-xac-nhan-mo-ta{
  font-size:14px;
  line-height:1.55;
  color:var(--chu-phu);
  margin:0 0 calc(var(--kc) * 2.5);
}

.lk-hop-xac-nhan-o-nhap{
  margin:0 0 calc(var(--kc) * 2.5);
}
.lk-hop-xac-nhan-nhan-o{
  display:block;
  font-size:13.5px;
  color:var(--chu);
  margin-bottom:6px;
  line-height:1.5;
}
.lk-hop-xac-nhan-nhan-o b{
  font-weight:600;
  color:var(--chu);
}
.lk-hop-xac-nhan-input{
  width:100%;
  padding:9px 12px;
  border:1px solid var(--vien);
  border-radius:var(--bo-nho);
  background:var(--nen);
  color:var(--chu);
  font:inherit;
  font-family:var(--font-than);
  font-size:14px;
  transition:border-color .12s ease, box-shadow .12s ease;
}
.lk-hop-xac-nhan-input:focus{
  outline:none;
  border-color:var(--nhan);
  box-shadow:0 0 0 3px var(--nhan-nhat);
}

.lk-hop-xac-nhan-loi{
  margin:0 0 calc(var(--kc) * 2);
  padding:10px 12px;
  border-radius:var(--bo-nho);
  background:color-mix(in srgb, var(--loi) 10%, transparent);
  color:var(--loi);
  border:1px solid color-mix(in srgb, var(--loi) 30%, transparent);
  font-size:13.5px;
  line-height:1.5;
}
.lk-hop-xac-nhan-loi[hidden]{display:none}

.lk-hop-xac-nhan-nut{
  display:flex;
  justify-content:flex-end;
  gap:calc(var(--kc) * 1.25);
  flex-wrap:wrap;
}
.lk-hop-xac-nhan-btn{
  min-height:44px;
  padding:10px 20px;
  border-radius:var(--bo-nho);
  border:1px solid transparent;
  font:inherit;
  font-family:var(--font-than);
  font-size:14.5px;
  font-weight:500;
  line-height:1;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  transition:filter .12s ease, background .12s ease, box-shadow .12s ease;
}
.lk-hop-xac-nhan-btn:focus-visible{
  outline:2px solid var(--nhan);
  outline-offset:2px;
}
.lk-hop-xac-nhan-btn:disabled{
  cursor:not-allowed;
}
.lk-hop-xac-nhan-huy{
  background:var(--mat);
  border-color:var(--vien);
  color:var(--chu);
}
.lk-hop-xac-nhan-huy:hover:not(:disabled){
  background:var(--mat-2);
}
.lk-hop-xac-nhan-huy:disabled{
  color:var(--chu-phu);
}
.lk-hop-xac-nhan-xac-nhan{
  background:var(--nhan);
  color:var(--tren-nhan);
}
.lk-hop-xac-nhan-xac-nhan:hover:not(:disabled){filter:brightness(.94)}
.lk-hop-xac-nhan-xac-nhan:active:not(:disabled){transform:translateY(1px)}
.lk-hop-xac-nhan-nguy-hiem .lk-hop-xac-nhan-xac-nhan{
  background:var(--loi);
  color:var(--tren-nhan);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--chu) 22%, transparent);
}
.lk-hop-xac-nhan-canh-bao .lk-hop-xac-nhan-xac-nhan{
  background:var(--canh-bao);
  color:var(--tren-nhan);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--chu) 18%, transparent);
}

.lk-hop-xac-nhan-xac-nhan:disabled,
.lk-hop-xac-nhan-nguy-hiem .lk-hop-xac-nhan-xac-nhan:disabled,
.lk-hop-xac-nhan-canh-bao .lk-hop-xac-nhan-xac-nhan:disabled{
  background:var(--mat-2);
  color:var(--chu-phu);
  border-color:var(--vien);
  box-shadow:none;
}

.lk-hop-xac-nhan-dang .lk-hop-xac-nhan-xac-nhan:disabled{
  background:var(--nhan);
  color:var(--tren-nhan);
  border-color:transparent;
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--chu) 18%, transparent);
}
.lk-hop-xac-nhan-nguy-hiem.lk-hop-xac-nhan-dang .lk-hop-xac-nhan-xac-nhan:disabled{
  background:var(--loi);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--chu) 22%, transparent);
}
.lk-hop-xac-nhan-canh-bao.lk-hop-xac-nhan-dang .lk-hop-xac-nhan-xac-nhan:disabled{
  background:var(--canh-bao);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--chu) 18%, transparent);
}

.lk-hop-xac-nhan-quay{
  display:none;
  width:16px;
  height:16px;
  border-radius:999px;
  border:2px solid var(--tren-nhan);
  border-top-color:transparent;
  animation:lk-hop-xac-nhan-xoay .7s linear infinite;
}
.lk-hop-xac-nhan-dang .lk-hop-xac-nhan-quay{display:inline-block}
.lk-hop-xac-nhan-dang .lk-hop-xac-nhan-nhan{opacity:.75}

@keyframes lk-hop-xac-nhan-xoay{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

@media (prefers-reduced-motion: reduce){
  .lk-hop-xac-nhan-quay{animation:none}
  .lk-hop-xac-nhan-btn{transition:none}
}

@media (max-width: 480px){
  .lk-hop-xac-nhan-hop{padding:calc(var(--kc) * 3) calc(var(--kc) * 2.5) calc(var(--kc) * 2.5)}
  .lk-hop-xac-nhan-nut{flex-direction:column-reverse}
  .lk-hop-xac-nhan-btn{width:100%}
}
@media (max-width: 390px){
  .lk-hop-xac-nhan{max-width:min(94vw, 360px)}
  .lk-hop-xac-nhan-hop{padding:calc(var(--kc) * 2.5) calc(var(--kc) * 2) calc(var(--kc) * 2)}
  .lk-hop-xac-nhan-tieu-de{font-size:17px}
  .lk-hop-xac-nhan-mo-ta{font-size:13.5px}
}