.article-content .file-download-box + figure,
.article-content .file-download-box + p {
  margin-top: 20px;
}
.file-download-box {
  margin: 20px 0;
  background-color: var(--bg-button-secondary);
  box-shadow: 0 0 2px rgba(0,0,0,0.5);
  font-size: 1.4rem;
  font-family: "Roboto Condensed", Arial, sans-serif;
  border-radius: 5px;
  position: relative;
  & .secure-marker {
    position: absolute;
    width: 24px;
    height: 24px;
    top: -5px;
    left: -5px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    & .svg-icon-bg {
      width: 20px;
      height: 20px;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.5 9.5L11 14L9.5 12.5M12 3L4 7C4 12.1932 6.78428 19.5098 12 21C17.2157 19.5098 20 12.1932 20 7L12 3Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    }
    & .hint {
      position: absolute;
      top: -20px;
      left: calc(100% + 10px);
      background-color: rgba(0,0,0,0.9);
      padding: 10px 15px 10px 20px;
      color: #fff;
      width: 300px;
      font-size: 1.2rem;
      display: none;
      border-radius: 5px;
      &::before {
        content: '';
        position: absolute;
        top: 20px;
        left: -10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 10px 0;
        border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
      }
    }
    &:hover .hint {
      display: block;
    }
    &.approved {
      background-color: green;
    }
    &.notapproved {
      background-color: rgb(255, 132, 0);
      color: #fff;
      & .glyphicon  {
        top: 0;
        font-size: 1.3rem;
      }
    }
  }
}
.file-download-box-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 15px 20px;
}
.file-download-box-tip {
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  border-radius: 0 0 5px 5px;
  line-height: 1.2;
}
.file-download-box:has(.file-download-box-body) .file-download-box-tip,
.file-download-box:has(.download-player-holder) .file-download-box-tip {
  display: none;
}
.file-download-box-tip.positive {
  background-color: green;
}
.file-download-box-tip.negative {
  background-color: #c00;
}
.file-download-box-header {
  display: flex;
  flex-direction: column;
}
.file-download-box-header .btn {
  padding: 0;
  border: none;
  color: var(--main-text-color);
}
.file-download-box-header .btn.spinner {
  color: #337ab7;
}
.file-download-box-header .btn.spinner:after {
  color: #000;
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  margin: -10px 0 0 0;
}

.file-download-box-footer {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 10px;
}
.file-download-box-footer .btn-group {
  gap: 5px;
  display: flex;
}
.file-download-box .btn-primary {
  background: green;
  color: #fff;
  border-color: green;
}
.file-download-box .btn-primary:hover {
  background: rgb(0, 100, 0);
  color: #fff;
}
.file-download-box .btn-secondary {
  background: var(--bg-button-muted);
  color: #fefefe;
}
.file-download-box .btn-secondary:hover {
  background: #6f6f6f;
  color: #fff;
}
.file-download-box-body {
  width: 100%;
  background-color: var(--bg-box);
  border-radius: 0 0 5px 5px;
}
.file-download-box .contest-table {
  color: var(--text-primary);
  font-size: 1.4rem;
  display: flex;
  gap: 20px;
  justify-content: center;
  max-width: 500px;
  margin: 0 auto;
}
.file-download-box .contest-table .column {
  display: flex;
  flex-direction: column;
  padding: 15px;
  gap: 6px;
  border-radius: 4px;
  flex: 1 1 0px;
}
.file-download-box .contest-table .title {
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.file-download-box .contest-table .column > div {
  white-space: nowrap;
}
.file-download-box .contest-table .therm:before {
  content: ' \2713';
  margin: 0 5px 0 0;
}
.file-download-box .contest-table .column > div:last-child{
  margin-top: auto;
}
.file-download-box .contest-table .btn {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
  &:hover {
    text-decoration: none;
  }
}
.file-download-box .contest-table .btn .svg-icon-bg {
  width: 18px;
  height: 18px;
}

.file-download-box .svg-torrent {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3e%3cg%3e%3cpath d='M495.296,336.864c-1.792-2.496-4.928-4.192-7.84-4c-16.608,0.16-29.792-1.152-39.232-3.84 c-28.544-8.16-37.376-19.84-37.376-19.84c-2.016-3.008-5.536-4.64-9.152-4.128c-3.584,0.48-6.592,2.944-7.744,6.368 c-0.128,0.384-13.568,39.264-47.392,56.16c-35.104,17.568-98.752,13.28-99.392,13.248c-3.456-0.32-6.528,1.28-8.416,4 c-1.92,2.72-2.272,6.24-0.928,9.28l48.832,110.656c1.536,3.488,4.96,5.664,8.672,5.664c0.48,0,0.992-0.032,1.504-0.128 c91.264-14.656,167.744-77.76,199.616-164.704C497.536,342.688,497.088,339.424,495.296,336.864z'/%3e%3c/g%3e%3cg%3e%3cpath d='M256,1.568c-141.152,0-256,114.848-256,256C0,369.472,74.72,470.24,181.728,502.624c0.896,0.288,1.824,0.416,2.752,0.416 c2.624,0,5.152-1.088,6.976-3.072c2.464-2.688,3.168-6.528,1.824-9.92c-100.896-254.4-119.168-313.6-122.048-327.232 c13.6-7.168,59.168-17.088,71.264-15.104c3.552,5.088,10.912,23.072,17.44,39.072c24.8,60.672,62.272,152.384,114.336,156.096 c36.96,2.656,70.208-11.36,89.248-37.408c11.552-15.84,15.488-33.728,10.304-46.688c-7.904-19.712-44.288-102.752-57.216-132.224 l57.024-14.272c12.448,29.6,57.6,135.232,78.912,160.832c9.312,11.136,25.312,17.984,47.552,20.288 c5.28,0.448,9.856-3.232,10.4-8.416c1.024-9.024,1.504-18.272,1.504-27.424C512,116.416,397.152,1.568,256,1.568z'/%3e%3c/g%3e%3c/svg%3e");
}
.file-download-box .svg-magnet {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 463.744 463.744' style='enable-background:new 0 0 463.744 463.744;' xml:space='preserve'%3e%3cg%3e%3cpath d='M274.368,68.992l-64.512-64c-6.656-6.656-17.408-6.656-24.064,0l-46.08,46.592l88.064,88.064l46.592-46.592 C281.024,86.4,281.024,75.648,274.368,68.992z'/%3e%3c/g%3e%3cg%3e%3cpath d='M458.688,253.312l-64-64c-6.656-6.656-17.408-6.656-24.064,0l-46.592,46.592l88.064,88.064l46.592-46.592 C465.344,270.72,465.344,259.968,458.688,253.312z'/%3e%3c/g%3e%3cg%3e%3cpath d='M299.968,259.968l-58.88,58.88c-26.624,26.624-69.632,26.624-96.256,0c-26.624-26.624-26.624-69.632,0-96.256l58.88-58.88 l-88.064-88.064l-58.88,58.88c-75.264,74.752-75.776,196.608-0.512,272.384c36.352,36.352,85.504,56.832,137.216,56.832 c51.2,0,100.352-20.48,136.192-56.832l58.88-58.88L299.968,259.968z'/%3e%3c/g%3e%3c/svg%3e");
}
.file-download-box .svg-rocket {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' %3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3ctitle%3erocket_line%3c/title%3e%3cg id='页面-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg id='Transport' transform='translate(-48.000000, -96.000000)' fill-rule='nonzero'%3e%3cg id='rocket_line' transform='translate(48.000000, 96.000000)'%3e%3cpath d='M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5934901,23.257841 L12.5819402,23.2595131 L12.5108777,23.2950439 L12.4918791,23.2987469 L12.4918791,23.2987469 L12.4767152,23.2950439 L12.4056548,23.2595131 C12.3958229,23.2563662 12.3870493,23.2590235 12.3821421,23.2649074 L12.3780323,23.275831 L12.360941,23.7031097 L12.3658947,23.7234994 L12.3769048,23.7357139 L12.4804777,23.8096931 L12.4953491,23.8136134 L12.4953491,23.8136134 L12.5071152,23.8096931 L12.6106902,23.7357139 L12.6232938,23.7196733 L12.6232938,23.7196733 L12.6266527,23.7031097 L12.609561,23.275831 C12.6075724,23.2657013 12.6010112,23.2592993 12.5934901,23.257841 L12.5934901,23.257841 Z M12.8583906,23.1452862 L12.8445485,23.1473072 L12.6598443,23.2396597 L12.6498822,23.2499052 L12.6498822,23.2499052 L12.6471943,23.2611114 L12.6650943,23.6906389 L12.6699349,23.7034178 L12.6699349,23.7034178 L12.678386,23.7104931 L12.8793402,23.8032389 C12.8914285,23.8068999 12.9022333,23.8029875 12.9078286,23.7952264 L12.9118235,23.7811639 L12.8776777,23.1665331 C12.8752882,23.1545897 12.8674102,23.1470016 12.8583906,23.1452862 L12.8583906,23.1452862 Z M12.1430473,23.1473072 C12.1332178,23.1423925 12.1221763,23.1452606 12.1156365,23.1525954 L12.1099173,23.1665331 L12.0757714,23.7811639 C12.0751323,23.7926639 12.0828099,23.8018602 12.0926481,23.8045676 L12.108256,23.8032389 L12.3092106,23.7104931 L12.3186497,23.7024347 L12.3186497,23.7024347 L12.3225043,23.6906389 L12.340401,23.2611114 L12.337245,23.2485176 L12.337245,23.2485176 L12.3277531,23.2396597 L12.1430473,23.1473072 Z' id='MingCute' fill-rule='nonzero'%3e%3c/path%3e%3cpath d='M18.4204,2.79688 L18.8059711,2.85295405 C19.4057917,2.94806843 20.0777273,3.10685818 20.4914,3.52049 C20.9049909,3.93413 21.0638,4.6060395 21.1589228,5.20585718 L21.215,5.59143 L21.215,5.59143 C21.3408,6.50155 21.3737,7.69413 21.159,9.01795 C20.7351,11.631 19.3441,14.7487 15.8506,17.1627 C15.833175,17.33965 15.8309625,17.5191562 15.8343234,17.6997219 L15.8514875,18.2431 C15.861225,18.605475 15.8547,18.9661 15.7548,19.313 C15.56464,19.97332 14.888464,20.407976 14.2558336,20.7201872 L13.9455989,20.8665669 L13.9455989,20.8665669 L13.545635,21.0430858 L13.545635,21.0430858 L13.2717214,21.1538822 C12.5649515,21.4238828 11.7127895,21.6119105 11.154,21.0532 C10.9005429,20.7997429 10.7836653,20.4557714 10.6896367,20.111716 L10.644,19.9401 C10.4849,19.3334 10.3028,18.7309 10.0768,18.1456 C10.015,18.2208 9.94895,18.2936 9.87872,18.3639 C9.3344075,18.908175 8.59528437,19.1823375 7.85566625,19.394625 L7.36464657,19.5292685 L7.36464657,19.5292685 L6.87439635,19.6599076 L6.87439635,19.6599076 L6.39740928,19.7784902 L6.39740928,19.7784902 L5.96538922,19.8780687 L5.96538922,19.8780687 L5.44837987,19.9882318 L5.44837987,19.9882318 L5.1252,20.0516 L5.1252,20.0516 C4.83683,20.1054 4.48846,20.0353 4.22654,19.7734 C3.96462,19.5115 3.89458,19.1631 3.94831,18.8747 L4.05896552,18.3240328 L4.05896552,18.3240328 L4.18762684,17.7458685 L4.18762684,17.7458685 L4.31150404,17.2368012 L4.31150404,17.2368012 L4.53657769,16.3905727 C4.76003833,15.5712833 5.03128833,14.7260333 5.63608,14.1212 L5.73567,14.026 L5.73567,14.026 L4.9726775,13.7515375 L4.9726775,13.7515375 L4.20589,13.4881 C3.75736,13.34 3.28472,13.1839 2.95865,12.8578 C2.36266684,12.2618421 2.61634839,11.3320205 2.91287999,10.6008928 L3.07888,10.2141 L3.07888,10.2141 L3.21613148,9.91300327 C3.53302244,9.2394864 3.983484,8.46308133 4.6989,8.25704 C5.045755,8.15715 5.4063725,8.15063 5.76875125,8.16037375 L6.31214016,8.17754891 C6.49271,8.18091437 6.67222,8.1787075 6.84917,8.16129 C9.26314,4.66772 12.3808,3.27676 14.9939,2.8529 C16.3177,2.63817 17.5103,2.67102 18.4204,2.79688 Z M15.3141,4.8271 C13.1157,5.18369 10.4451,6.36124 8.36074,9.49569 C8.10825,9.87536 7.68105,10.0575 7.24552,10.1263 C6.99978,10.16506 6.751856,10.175628 6.50314768,10.1760648 L5.75606944,10.1650424 C5.6316308,10.16416 5.507346,10.16526 5.38339,10.1706 C5.07949,10.5749 4.86721,11.0551 4.70779,11.5323 L6.20788495,12.0766841 L6.20788495,12.0766841 L6.82508614,12.3098919 C7.95254302,12.7519582 9.04447,13.2867733 9.88476,14.1271 C11.2999,15.5422 12.0193,17.3932 12.5393,19.2837 C12.9948,19.1243 13.4534,18.92 13.8412,18.6285 L13.8467776,18.2556376 L13.8467776,18.2556376 L13.8355552,17.5099512 C13.835952,17.261596 13.84656,17.01358 13.8856,16.7663 C13.9543,16.3308 14.1365,15.9036 14.5162,15.6511 C17.6506,13.5667 18.8282,10.8961 19.1848,8.69773 C19.3648,7.58788 19.3349,6.59643 19.2338,5.86539 C19.179,5.46915 19.1028,5.15678 19.0414,4.97048 C18.8551,4.90906 18.5427,4.83282 18.1465,4.77802 C17.4154,4.67693 16.424,4.64708 15.3141,4.8271 Z M7.05029,15.5354 C6.700444,15.95757 6.5367784,16.513118 6.40564292,17.0634034 L6.29762396,17.5305542 C6.279754,17.60712 6.261652,17.68277 6.24287,17.7571 L6.93673688,17.5943053 C7.4872026,17.463168 8.042976,17.29948 8.46495,16.9492 C8.85547,16.5587 8.85503,15.926 8.4645,15.5354 C8.07398,15.1449 7.44081,15.1449 7.05029,15.5354 Z M12.7072,8.46441 C13.4882,7.68336 14.7546,7.68336 15.5356,8.46441 C16.3167,9.24546 16.3167,10.5118 15.5356,11.2928 C14.7546,12.0739 13.4882,12.0739 12.7072,11.2928 C11.9261,10.5118 11.9261,9.24546 12.7072,8.46441 Z' id='形状' fill='%23ffffff'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.file-download-box .svg-tortoise {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath d='M12.7201 5.00058C10.5554 5.00058 9.01215 5.65616 7.90342 6.76126C6.8225 7.83864 6.22656 9.27421 5.79786 10.6926L5.09996 13.0017H2.75244C2.33823 13.0017 2.00244 13.3375 2.00244 13.7517C2.00244 15.0958 2.76576 16.2357 3.87482 16.8523L3.286 18.2844C2.8733 19.2882 3.351 20.4379 4.35504 20.8518C4.59247 20.9497 4.84678 21 5.1036 21H7.29769C8.05963 21 8.75239 20.5594 9.07629 19.8701L9.78265 18.3668C11.7527 18.6396 13.7511 18.6428 15.7219 18.3764L16.4237 19.8701C16.7476 20.5594 17.4404 21 18.2023 21H20.3745C20.6317 21 20.8863 20.9495 21.124 20.8514C22.1278 20.437 22.6049 19.2871 22.1917 18.2835L21.6633 17H24C25.0127 17 26.0002 16.2165 26.0002 15.114V14C26.0002 12.2943 24.5196 11.0029 22.8184 11.0029H19.8693L19.7752 10.692C19.3422 9.26077 18.7117 7.82696 17.5966 6.75227C16.4579 5.65483 14.8869 5.00058 12.7201 5.00058ZM21.2299 15.5L20.3231 12.5029H22.8184C23.8033 12.5029 24.5002 13.2306 24.5002 14V15.114C24.5002 15.2491 24.3304 15.5 24 15.5H21.2299ZM20.1625 17.2947L20.8047 18.8546C20.9032 19.0939 20.789 19.3669 20.5516 19.4649C20.4954 19.4881 20.4353 19.5 20.3745 19.5H18.2023C18.0225 19.5 17.8583 19.3961 17.7813 19.2322L17.2556 18.1132C18.2376 17.9086 19.2089 17.6358 20.1625 17.2947ZM8.25116 18.0989L7.71869 19.2322C7.64168 19.3961 7.47745 19.5 7.29769 19.5H5.1036C5.04295 19.5 4.98286 19.4881 4.92673 19.465C4.68931 19.3671 4.57492 19.0942 4.67332 18.8548L5.30601 17.316C5.38045 17.325 5.45547 17.3319 5.531 17.3368C6.42437 17.6505 7.33303 17.9046 8.25116 18.0989ZM4.6466 14.5017L4.37549 15.3987C4.05269 15.1646 3.8034 14.8534 3.65535 14.5017H4.6466ZM7.23372 11.1266C7.64132 9.77797 8.1493 8.63403 8.96234 7.82366C9.74757 7.041 10.8883 6.50058 12.7201 6.50058C14.5569 6.50058 15.7359 7.04217 16.5557 7.8323C17.3991 8.64519 17.9354 9.79069 18.3395 11.1264L19.7665 15.843C15.2585 17.4842 10.3162 17.4842 5.80825 15.8429L7.23372 11.1266Z' fill='%23ffffff'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}
.file-download-box .svg-download {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12ZM16.2929 11.2929L13 14.5858V6H11V14.5858L7.70711 11.2929L6.29289 12.7071L11.2929 17.7071L12 18.4142L12.7071 17.7071L17.7071 12.7071L16.2929 11.2929Z' fill='%23000000'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}

.file-download-box .highlight .svg-icon-bg {
  filter:  invert(100%);
}
.file-download-box .progress {
  position: absolute;
  height: 3px;
  left: 0;
  top: 0;
  background-color: rgb(0, 193, 0);
  width: 100%;
  border-radius: 0;
  margin: 0;
  box-shadow: none;
}
.file-download-box .progress.change {
  animation: 60s changeWidth;
  animation-timing-function: linear;
}
@keyframes changeWidth {
  0% {width: 0;}
  25% {width: 25%;}
  50% {width: 50%;}
  75% {width: 75%;}
  100% {width: 100%;}
}
.file-download-box.subfile {
  display: none;
}
.file-download-box-min.hide + .file-download-box.subfile {
  display: block;
}

.file-download-await-timer {
  display: inline-flex;
  align-items: center;
  font-size: 1.3rem;
  position: relative;
  color: #444;
}

.file-download-await-timer .text {
  margin: 0 4px;
  font-weight: bold;
  white-space: nowrap;
}
.file-download-box .loader-icon {
  font-size: 2rem;
  margin-right: 10px;
  top: 0;
  animation-duration: 2000ms;
}
.file-download-box-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.file-download-box-item:first-child {
  margin-right: 10px;
  text-align: center;
  background-color: #bdbdbd;
  min-width: 60px;
  color: #4c4c4c;
  font-size: 1.2rem;
  border-right: 1px solid #ccc;
}
.file-download-box-item:last-child {
  margin-left: auto;
  padding: 0 10px 0 0;
}
.file-download-title {
  font-weight: bold;
  font-size: 1.6rem;
}

.file-download-btn,
.file-download-btn:focus,
.file-download-btn:active {
  outline: none;
}
.file-download-box .file-download-btn {

  display: inline-flex;
  align-items: center;

  gap: 8px;
  &:hover {
    text-decoration: none;
  }
}
.file-download-box .btn-set {
  display: flex;
  align-items: center;
  gap: 20px;
}
.file-download-btn .icon {
  font-size: 1.8rem;
  top: auto;
}
.file-download-btn svg {
  width: 18px;
}
.file-download-box .highlight {
  min-width: 145px;
  background-color: green;
  color: #fff;
  padding: 10px 14px;
  border-radius: 5px;
}
.file-download-box .highlight:hover {
  background-color: rgb(0, 100, 0);
  color: #fff;
}
.file-download-btn-title {
  font-size: 1.4rem;
}
.file-download-box-min {
  padding: 8px 20px 8px 10px;
  font-size: 12px;
  background-color: var(--bg-button-secondary);
  border: 1px solid var(--border-base);
  margin-bottom: 4px;
  cursor: pointer;
  color: var(--text-primary);
  line-height: 1;
}
.file-download-box-min:hover {
  background-color: #dadada;
  color: #222
}
.file-download-box-min .glyphicon {
  margin-right: 10px;
  vertical-align: middle;
}
.file-download-box-min b {
  vertical-align: middle;
}
.download-player-holder {
  width: 100%;
  font-family: "Roboto Condensed", Arial, sans-serif;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  background-color: var(--bg-box);
}
.download-player-holder .body {
  padding: 20px;
  position: relative;
}
.download-player-holder .title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
.download-player-holder p {
  margin: 10px 0;
  line-height: 1.3;
  font-family: Arial, Helvetica, sans-serif;
}
.file-download-box p a:hover {
  text-decoration: underline;
}
.download-player-holder .btn {
  background-color: green;
  color: #fff;
}
.download-player-holder .btn:hover {
  color: #fff;
  background-color: rgb(0, 100, 0);
  text-decoration: none;
}
.file-download-box .dropdown-group {
  position: relative;
  display: flex;
  border-radius: 5px;
  box-shadow: 0 0 2px rgba(0,0,0,0.3);
  & .btn:first-child {
    border-radius: 5px 0 0 5px;
  }
  .dropdown-toggle {
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 5px 5px 0;
    background-color: var(--bg-content-highlite);
  }
  & .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 
      opacity 0.3s ease,
      visibility 0.3s ease,
      transform 0.3s ease;
    transition-delay: 0s;
    margin-top: -1px;
    min-width: 100%;
    & .btn {
      width: 100%;
      border-radius: 0;
      padding: 8px 14px;
      background-color: transparent;
      color: var(--text-primary);
      &:hover {
        background-color: var(--bg-content-highlite);
        color: var(--text-primary);
      }
      & .preloader {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23000000FF' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z' opacity='.25'/%3e%3cpath d='M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.75s' values='0 12 12;360 12 12' repeatCount='indefinite'/%3e%3c/path%3e%3c/svg%3e");
      }
      &[disabled] {
        opacity: 1;
      }
      &:first-child {
        border-bottom: 1px solid var(--border-base);
      } 
    }
  }
}

.file-download-box .dropdown-group .dropdown-toggle:hover + .dropdown-menu,
.file-download-box .dropdown-group .dropdown-menu:hover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0.1s;
}

/* Задержка перед исчезновением при уходе курсора */
.file-download-box .dropdown-group .dropdown-menu {
  transition-delay: 0.1s;
}
@media (max-width: 960px) {
  .file-download-box-item:first-child {
    margin-right: 0;
  }
  .file-download-box-main {
    display: block;
  }
  .file-download-box-item {
    padding-left: 20px;
    padding-right: 20px;
  }
  .file-download-box-item:last-child {
    text-align: center;
    display: block;
    margin: 10px auto ;
  }
  .file-download-box-header {
    margin-bottom: 15px;
  }
  .file-download-box-header .aside {
    margin: 5px 0 0 0;
    text-align: left;
    padding: 0;
    display: flex;
  }
  .file-download-box-header .aside > div {
    margin: 0 10px 0 0;
  }
  .file-download-box .btn-set {
    flex-direction: column;
    align-items: flex-start;
  }
  .file-download-box-footer {
    gap: 8px;
  }
  .file-download-box .file-download-btn {
    width: 100%;
    justify-content: center;
    display: flex;
  }

  .file-download-btn-title {
    font-size: 1.2rem;
  }
  .file-download-title {
    margin: 0 0 5px 0;
  }
  .file-download-await-timer {
    display: block;
  }
  .download-player-holder .body {
    flex-direction: column;
    padding: 12px;
  }
  .download-player-holder .file-download-box-message {
    margin: 10px 0;
  }
  .download-player-holder .jwplayer {
    max-width: 200px;
    height: 124px !important;
  }
  .download-player-holder .btn {
    font-size: 1.2rem;
  }
  .download-player-holder .title,
  .download-player-holder p {
    font-size: 1.4rem;
  }
  .download-player-holder p {
    margin: 12px 0;
  }
  pg-file:first-of-type {
    display: block;
  }
  .file-download-box .contest-table {
    display: block;
  }
  .file-download-box .contest-table .column {
    margin: 10px 0;
  }
  pg-file + pg-file {
    margin-top: 15px;
    display: block;
  }
  .file-download-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .file-download-name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .file-download-box-basement {
    padding: 5px 15px;
  }
  .file-download-box .dropdown-group.open .dropdown-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
}