.ds-laso-xuat{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--sp-2);
  margin-block:var(--sp-4);
  padding:var(--sp-3);
  border:1px solid var(--line);
  border-radius:var(--r-sm);
  background:var(--card2);
  color:var(--text);
  font-family:var(--font);
}

.ds-laso-xuat__hang{
  display:flex;
  flex-wrap:wrap;
  gap:var(--sp-2);
  min-width:0;
}

.ds-laso-xuat__nut{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--sp-1);
  min-height:var(--btn-h);
  padding-block:0;
  padding-inline:var(--btn-px);
  border:1px solid var(--line2);
  border-radius:var(--r-pill);
  background:var(--card);
  color:var(--text);
  font:inherit;
  font-size:14px;
  line-height:1.2;
  cursor:pointer;
  transition:background-color .15s ease, border-color .15s ease, opacity .15s ease;
}

.ds-laso-xuat__nut:hover:not(:disabled){
  background:var(--cardh);
  border-color:var(--accent);
}

.ds-laso-xuat__nut:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
}

 
.ds-laso-xuat__nut:disabled{
  opacity:.55;
  cursor:not-allowed;
}

.ds-laso-xuat[aria-busy="true"] .ds-laso-xuat__nut:disabled{
  cursor:progress;
}

 
.ds-laso-xuat__nut[data-viec="png"]{
  border-color:var(--accent);
  font-weight:600;
}

 
.ds-laso-xuat__trangthai{
  flex:1 1 100%;
  margin:0;
  min-height:1.4em;
  color:var(--muted);
  font-size:13px;
  line-height:1.4;
  overflow-wrap:anywhere;
}

 
.ds-laso-xuat__lienket{
  flex:1 1 100%;
  min-height:var(--btn-h);
  padding-inline:var(--sp-3);
  border:1px dashed var(--accent);
  border-radius:var(--r-sm);
  background:var(--bg);
  color:var(--text);
  font:inherit;
  font-size:13px;
}

@media (max-width:560px){
  .ds-laso-xuat__nut{flex:1 1 calc(50% - var(--sp-2))}
}

@media (prefers-reduced-motion:reduce){
  .ds-laso-xuat__nut{transition:none}
}

 
@media print{
   
  .ds-laso-in-giu > *:not(.ds-laso-in-giu):not(.ds-laso-xuat-host):not([data-laso-in-kem]){
    display:none !important;
  }

   
  .ds-laso-xuat-host{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:none !important;
    overflow:visible !important;
    break-inside:avoid;
    page-break-inside:avoid;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
  }

   
  .ds-laso-xuat-host svg{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    break-inside:avoid;
    page-break-inside:avoid;
  }

   
  .ds-laso-xuat-host [hidden]{
    display:none !important;
  }

   
  .ds-laso-xuat{
    display:none !important;
  }
}