/* Указываем box sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Убираем внутренние отступы */
ul[class],
ol[class] {
  padding: 0;
}

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Выставляем основные настройки по-умолчанию для body */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul[class],
ol[class] {
  list-style: none;
}

/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Упрощаем работу с изображениями */
img {
  max-width: 100%;
  display: block;
}

/* Указываем понятную периодичность в потоке данных у article*/
article > * + * {
  margin-top: 1em;
}

/* Наследуем шрифты для инпутов и кнопок */
input,
button,
textarea,
select {
  font: inherit;
}

/* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.multi-spinner-container {
  /* 100px */
  width: 60px;
  height: 60px;
  position: absolute;
  z-index: 3;
  overflow: hidden;
  top: 20px;
  left: 20px;
}

@media screen and (min-width: 555px) {
  /* 165 px */
  .multi-spinner-container {
    top: 42.5px;
    left: 42.5px;
    width: 80px;
    height: 80px;
  }
}

.multi-spinner {
  position: absolute;
  width: calc(100% - 9.9px);
  height: calc(100% - 9.9px);
  border: 5px solid transparent;
  border-top-color: #ff5722;
  border-radius: 50%;
  -webkit-animation: spin 3s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite;
  animation: spin 3s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.main_conteiner{margin-top:30px;position:relative;margin-bottom:2em;margin-left:15px;margin-right:15px;background-color:#fff;width:100%;max-width:460px;display:block;text-align:center;border-radius:.75em;border:1px solid #f2f2f2;box-shadow:0px 5px 16px -2px rgba(217,42,42,.2);font-size:1em;padding:25px 10px}.main_conteiner .dragAndDrop{color:rgba(255,99,99,.435);font-size:12px;display:flex;align-items:center;justify-content:center;border:1.5px dashed rgba(255,99,99,.391);background-position:center;background-size:cover;box-sizing:border-box;width:50%;min-height:150px;position:relative;margin:auto;margin-bottom:15px}@media screen and (max-width: 555px){.main_conteiner .dragAndDrop{font-size:10px;width:80%}}@media screen and (max-width: 355px){.main_conteiner .dragAndDrop{font-size:10px;width:90%}}.main_conteiner .slider{margin:auto;width:80%;margin-bottom:15px}.main_conteiner .slider .slick-prev::before{color:rgba(255,115,96,.6117647059)}.main_conteiner .slider .slick-next::before{color:rgba(255,115,96,.6117647059)}.main_conteiner .slider .slider__item{width:165px;height:165px;margin-left:15px;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-color:#9d9d9d;border-radius:10px;position:relative;z-index:1}.main_conteiner .slider .slider__item .item_header{position:absolute;z-index:3;display:flex;align-items:center;justify-content:space-around;width:100%;top:0;left:0;padding:4px 5px;padding-left:12px}.main_conteiner .slider .slider__item .item_header>p{display:block;font-size:10px;color:#fff;white-space:nowrap;width:70%;overflow:hidden;margin-right:7px}@media screen and (max-width: 355px){.main_conteiner .slider .slider__item .item_header>p{font-size:10px}}@media screen and (min-width: 555px){.main_conteiner .slider .slider__item .item_header>p{font-size:12px}}@media screen and (min-width: 1000px){.main_conteiner .slider .slider__item .item_header>p{font-size:14px}}.main_conteiner .slider .slider__item .item_header>svg{display:inline-block;overflow:hidden;background-color:rgba(242,242,242,.4862745098);border-radius:20%}.main_conteiner .slider .slider__item .item_header>svg:hover{background-color:rgba(242,242,242,.8549019608)}.main_conteiner .slider .slider__item>img{object-fit:cover;height:100%;opacity:.3}.main_conteiner .slider .slider__item .h3_class_item{position:absolute;top:24%;left:16%;color:#fff;font-weight:900;font-size:35px}@media screen and (min-width: 555px){.main_conteiner .slider .slider__item .h3_class_item{font-size:60px;top:23%;left:15%}}@media screen and (max-width: 555px){.main_conteiner .slider .slider__item{width:100px;height:100px;margin-left:10px}}.main_conteiner .base_btns{display:flex;text-align:center;flex-direction:row;align-items:center;justify-content:space-around;margin-bottom:15px}.button{border-radius:10px;font-size:13px;padding:1px 7px}.button.down_zip{background-color:rgba(46,172,75,.8274509804);color:#f2f2f2;border:2px dashed rgba(46,172,75,0)}.button.down_zip:hover{background-color:#f2f2f2;color:rgba(46,172,75,.8274509804);border-color:rgba(46,172,75,.8274509804)}.button.down_zip:disabled{background-color:rgba(165,165,165,.2745098039);color:rgba(5,0,0,.2745098039);border:none}.button.delete{background-color:#d44d3b;color:#f2f2f2;border:2px dashed #d44d3b}.button.delete:hover{background-color:#f2f2f2;color:#d44d3b}.button.delete:disabled{background-color:rgba(165,165,165,.2745098039);color:rgba(5,0,0,.2745098039);border:none}.button.upload{background-color:rgba(59,130,212,.8509803922);border:none;color:#f2f2f2;border:2px dashed rgba(59,130,212,0)}.button.upload:hover{background-color:#f2f2f2;color:rgba(59,130,212,.8509803922);border-color:rgba(59,130,212,.8509803922)}.button.upload:disabled{background-color:rgba(165,165,165,.2745098039);color:rgba(5,0,0,.2745098039);border:none}.button.down_one{background-color:#fcc;color:#000;position:absolute;z-index:3;bottom:0;font-weight:bolder;border:none;width:100%;left:0;margin:3px 0 0 0}.button.down_one:hover{background-color:#d44d3b;color:#000}.button.down_one:disabled{visibility:hidden}@media screen and (max-width: 555px){.button{font-size:10px;border-width:1px}}@media screen and (max-width: 355px){.button{font-size:9px;border-width:1px}}.down_button{font-size:10px;position:absolute;z-index:3;bottom:0;width:100%;left:0;margin:3px 0px}@media screen and (max-width: 355px){.down_button{font-size:10px}}@media screen and (min-width: 555px){.down_button{font-size:12px}}@media screen and (min-width: 1000px){.down_button{font-size:14px}}nav{margin-top:15px}nav a{text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#ff6247;color:#000;font-size:20px;margin:0 5px}nav a:hover{color:#d74d3c}nav a.disabled{color:rgba(128,128,128,.4);text-decoration-color:rgba(128,128,128,.4)}#files{visibility:hidden;position:absolute;top:0;left:0}body{display:flex;align-items:center;flex-direction:column;justify-content:top;padding:24px 15px 0px 15px;font-family:"Roboto",sans-serif}body p{margin-top:5px}body h1{margin-top:50px}.explanation{margin-top:10px;max-width:600px}.slider img{max-width:200px;margin-right:5px}.logo{max-width:600px}.choices{margin-top:30px;margin-bottom:30px;display:flex;max-width:800px;justify-content:center;align-items:center}.choices .choice-item{justify-content:space-between;padding:0 20px}.choices .choice-item .border{border:1px solid rgba(0,0,0,.67);border-radius:20px;padding:5px}.choices .choice-item .border:hover{box-shadow:4px 4px 8px 0px rgba(80,39,34,.2)}.choices .choice-item .border>img{width:100%}@media screen and (min-width: 555px){.choices .choice-item .border{padding:0 15px}}@media screen and (min-width: 355px){.choices .choice-item .border{padding:0 10px}}@media screen and (max-width: 555px){.choices .choice-item{padding:0 10px}}@media screen and (max-width: 355px){.choices .choice-item{padding:0 5px}}