.bf-garan-downloads{
  --bf-bg:#252525;
  --bf-panel:#2d2d2d;
  --bf-line:#454545;
  --bf-teal:#2dd3c7;
  --bf-pink:#dc3c9c;
  --bf-cyan:#00bce4;
  position:relative;
  left:50%;
  width:min(1260px,calc(100vw - 48px));
  max-width:none;
  margin:52px 0 80px;
  padding:0;
  transform:translateX(-50%);
  color:#fff;
  font-family:inherit;
}
.bf-garan-downloads *{box-sizing:border-box}
.bf-garan-downloads__intro{
  position:relative;
  overflow:hidden;
  padding:32px 36px;
  border:1px solid #414141;
  border-radius:14px;
  background:linear-gradient(112deg,#222 0%,#303030 100%);
  box-shadow:0 18px 40px rgba(0,0,0,.13);
}
.bf-garan-downloads__intro:before{
  position:absolute;
  top:0;left:0;bottom:0;
  width:5px;
  background:linear-gradient(180deg,var(--bf-teal),var(--bf-cyan) 60%,var(--bf-pink));
  content:"";
}
.bf-garan-downloads__intro h2{
  margin:0 0 8px;
  color:#fff;
  font-size:clamp(27px,3vw,38px);
  font-weight:700;
  line-height:1.18;
}
.bf-garan-downloads__intro p{max-width:760px;margin:0;color:#d8d8d8;font-size:16px;line-height:1.55}
.bf-garan-downloads__category-label,.bf-garan-downloads__search-label{
  display:block;
  margin:25px 0 9px;
  color:#fff;
  font-size:16px;
  font-weight:700;
  text-transform:uppercase;
}
.bf-garan-downloads__category,.bf-garan-downloads__search{
  display:block;
  width:100%;
  max-width:480px;
  min-height:48px;
  padding:10px 14px;
  border:1px solid #595959;
  border-radius:8px;
  background:var(--bf-panel);
  color:#fff;
  font:inherit;
  font-size:16px;
  color-scheme:dark;
}
.bf-garan-downloads__category option{background:#252525;color:#fff}
.bf-garan-downloads__category{text-transform:uppercase}
.bf-garan-downloads__search::placeholder{color:#bcbcbc;opacity:1}
.bf-garan-downloads__category:focus-visible,.bf-garan-downloads__search:focus-visible,
.bf-garan-downloads button:focus-visible,.bf-garan-downloads a:focus-visible{
  outline:2px solid var(--bf-teal);
  outline-offset:3px;
}
.bf-garan-downloads__actions{display:flex;flex-wrap:wrap;gap:10px;margin:17px 0 0}
.bf-garan-downloads button{cursor:pointer;font-family:inherit;font-weight:700;border-radius:30px;text-transform:uppercase;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.bf-garan-downloads__actions button{
  min-height:46px;
  padding:10px 18px;
  border:1px solid var(--bf-pink);
  background:var(--bf-pink);
  color:#fff;
}
.bf-garan-downloads__actions button:nth-child(2),.bf-garan-downloads__actions button:last-child{border-color:var(--bf-pink);background:var(--bf-pink);color:#fff}
.bf-garan-downloads button:hover:not(:disabled){border-color:var(--bf-teal);background:var(--bf-teal);color:#122328}
.bf-garan-downloads button:disabled{opacity:.48;cursor:wait}
.bf-garan-downloads__status{min-height:23px;margin:14px 0 27px;color:#d4e3e3;font-size:14px}
.bf-garan-downloads__table-wrap{margin-top:22px;overflow-x:auto;border:1px solid var(--bf-line);border-radius:12px;background:var(--bf-panel)}
.bf-garan-downloads table{width:100%;min-width:1100px;margin:0;border:0;border-collapse:collapse;table-layout:fixed;background:transparent;text-align:left}
.bf-garan-downloads th{
  padding:15px 17px;
  border:0;
  border-bottom:2px solid var(--bf-teal);
  background:#3b3b3b;
  color:#fff;
  white-space:nowrap;
  font-size:16px;
  font-weight:800;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.bf-garan-downloads th:nth-child(1){width:50%}
.bf-garan-downloads th:nth-child(2){width:24%}
.bf-garan-downloads th:nth-child(3){width:10%}
.bf-garan-downloads th:nth-child(4){width:16%}
.bf-garan-downloads th:nth-child(3),.bf-garan-downloads td:nth-child(3){text-align:center}
.bf-garan-downloads th:nth-child(4),.bf-garan-downloads td:nth-child(4){text-align:right}
.bf-garan-downloads td{
  padding:16px 17px;
  border:0;
  border-top:1px solid var(--bf-line);
  background:transparent;
  color:#e7e7e7;
  vertical-align:middle;
  font-size:14px;
}
.bf-garan-downloads tr:nth-child(even) td{background:#292929}
.bf-garan-downloads td:first-child{min-width:260px;font-weight:700}
.bf-garan-downloads td:first-child,.bf-garan-downloads td:nth-child(2){overflow-wrap:anywhere}
.bf-garan-downloads td a{color:var(--bf-teal);text-decoration:none}
.bf-garan-downloads td a:hover{color:var(--bf-pink);text-decoration:underline}
.bf-garan-downloads__terms{font-size:12px;font-weight:400;white-space:nowrap}
.bf-garan-downloads td:last-child{white-space:nowrap}
.bf-garan-downloads td button{
  margin:2px 0 2px 6px;
  padding:8px 13px;
  border:1px solid var(--bf-pink);
  background:var(--bf-pink);
  color:#fff;
  font-size:12px;
}
.bf-garan-downloads td button:hover:not(:disabled){border-color:var(--bf-teal);background:var(--bf-teal);color:#122328}
@media(max-width:650px){
  .bf-garan-downloads{width:92vw;margin:26px 0 54px}
  .bf-garan-downloads__intro{padding:25px 20px 25px 24px}
  .bf-garan-downloads__intro h2{font-size:clamp(24px,7vw,32px)}
  .bf-garan-downloads__intro p{font-size:14px}
  .bf-garan-downloads__category,.bf-garan-downloads__search{max-width:none}
  .bf-garan-downloads__actions{display:grid;grid-template-columns:1fr 1fr}
  .bf-garan-downloads__actions button{padding:10px 7px;font-size:13px}
  .bf-garan-downloads__actions button:last-child{grid-column:1/-1}
  .bf-garan-downloads__table-wrap{overflow:visible;border:0;background:transparent}
  .bf-garan-downloads table,.bf-garan-downloads tbody,.bf-garan-downloads tr,.bf-garan-downloads td{display:block;width:100%}
  .bf-garan-downloads table{min-width:0;table-layout:auto}
  .bf-garan-downloads thead{display:none}
  .bf-garan-downloads tr{margin-bottom:12px;padding:15px;border:1px solid var(--bf-line);border-radius:10px;background:var(--bf-panel)}
  .bf-garan-downloads tr:nth-child(even) td{background:transparent}
  .bf-garan-downloads td{padding:5px 0;border:0}
  .bf-garan-downloads td:first-child{min-width:0}
  .bf-garan-downloads td:nth-child(3){text-align:left}
  .bf-garan-downloads td:last-child{padding-top:11px;text-align:left}
  .bf-garan-downloads td button{margin:2px 6px 2px 0}
}