.modal {
    max-width: 1100px;
}
.scheduled-tooltip{
  display: none;
width: 250px;
height: fit-content;
padding: 15px;
position: absolute;
right: 10px;
margin-top: 151px;
background: #fff;
border-radius: 12px;
color: #949793;
font-weight: 300;
font-size: 12px;
z-index: 2;
box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px;
}
.counter
{
  display: inline-block;
  width: 36px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border: 1px dashed grey;
  margin: 10px 0;
  margin-top: 3px;
}

.counter:hover
{
  cursor: pointer;
  background-color: #fde104;
}


@media (max-width: 500px){
.layout.jsx-175208557 {
  margin: 0px auto 70px auto;
}
}
@media (min-width: 500px) and (max-width: 1200px){
  .layout.jsx-175208557 {
    margin: 0px auto;
  }
  }

@media (min-width: 575px) {
    .upload-card.jsx-2404389384{
        min-height: 379px;
    }
.upload-button__input {
width: 260px;
position: absolute;
z-index: 22;
opacity: 0;
height: 360px;
}

        .before-upload-stage.jsx-2404389384 .text-main.jsx-2404389384 {
margin-bottom: 24px;
}
}
    @media (max-width: 575px) {
.upload-button__input {
width: 260px;
position: absolute;
z-index: 22;
opacity: 0;
height: 120px;
}
        .before-upload-stage.jsx-2404389384 .text-sub.jsx-2404389384{
            display: none;
        }
        #upload-container label {
  top: -104px;
  position: relative;
  left: 10px;
}

    }
body {
  font-family: "sofiapro-regular", PingFangSC, system-ui, Arial, Tahoma;
  background-color: #edeef0;
}
.main {
  background-color: #edeef0;
  height: fit-content;
  min-height: calc(100% - 190px);
}

@media (max-width: 1200px){
.jsx-1717967343{
text-align: center;
padding-left: 10px;
    }
.contents-v2.jsx-410242825 {
  grid-template-columns: 1fr;
}
    .layout.jsx-175208557 {
    width: 95%;
    padding-top: 30px;
    padding-bottom: 16px;
    text-align: center;
}
    .css-4pkwts {
  top: -36px !important;
}
    .container.jsx-1717967343 .text-container.jsx-1717967343 {
  display: block !important;
    margin-top: 25px;
    }
    .css-14gj7xv {
  padding-inline: 0px !important;
}
    .uploader.jsx-410242825 {
display: grid;
grid-template-columns: 1fr;
width: 100%;
}
.container-v2.jsx-410242825 {
  box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px;
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  padding: 24px 20px;
  text-align: left;
}
   .uploader.jsx-410242825 {
  margin-top: 0px;
}
    .form-v2.jsx-2580397738 .margin-t-24.jsx-2580397738 {
  width: 100%;
}
    .form-v2.jsx-2580397738 .button-row.jsx-2580397738 {
  justify-content: center;
}
}
@media (min-width: 1200px){
.contents-v2.jsx-410242825 {
  grid-template-columns: 0.3fr 0.7fr;
}
.form-v2.jsx-2580397738 {
  margin-left: 24px;
}  
.layout.jsx-175208557 {
  margin: 90px auto;
  width: 1100px;
  padding-top: 30px;
  padding-bottom: 16px;
}
.container-v2.jsx-410242825 {
  width: 90%;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px;
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  padding: 24px 56px;
  max-width: 1100px;
}
    
}



.css-n23t8l {
box-sizing: border-box;
margin-block: 0px;
font-size: 22px;
line-height: 1.5;
font-family: var(--tux-fontFamilyParagraph);
font-weight: 700;
color: #272729;
display: block;
}
.sub-title-v2.jsx-410242825 {
  margin-top: 2px;
}
.css-nyj7ur {
box-sizing: border-box;
margin-block: 0px;
font-size: 15px;
line-height: 1.5;
font-weight: 300;
color: #949793;
}
.contents-v2.jsx-410242825 {
  display: grid;
  margin-top: 24px;
  margin-bottom: 30px;
  justify-content: center;
}

.uploader.jsx-410242825 {
  margin-top: 24px;
}
.form-v2.jsx-2580397738 {
  flex: 1 1 0%;
  min-width: 0px;
}
.before-upload-stage.jsx-2404389384:hover {
  background: rgba(22, 24, 35, 0.03);
}
.upload-card.jsx-2404389384:hover {
  border: 2px dashed rgb(75, 177, 79);
}
.before-upload-stage.jsx-2404389384 {
  border-radius: 8px;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  transition: background 0.15s ease-in-out 0s;
  padding-left: 35px;
  padding-right: 35px;
}
.upload-card.jsx-2404389384 {
  width: 260px;
  height: 458px;
  border: 2px dashed rgba(22, 24, 35, 0.2);
  box-sizing: border-box;
  border-radius: 8px;
}

.before-upload-stage.jsx-2404389384 {
  border-radius: 8px;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  transition: background 0.15s ease-in-out 0s;
  padding-left: 35px;
  padding-right: 35px;
}
.upload-card.jsx-2404389384 {
  width: 260px;
  height: 458px;
  border: 2px dashed rgba(22, 24, 35, 0.2);
  box-sizing: border-box;
  border-radius: 8px;
}
.before-upload-stage.jsx-2404389384 .text-main.jsx-2404389384 {
  text-align: center;
  margin-top: 24px;
}
.before-upload-stage.jsx-2404389384 {
  cursor: pointer;
}
.before-upload-stage.jsx-2404389384 .text-sub.jsx-2404389384 {
  margin-top: 4px;
  margin-bottom: 24px;
  text-align: center;
}
.css-1wbo2p7 {
  box-sizing: border-box;
  margin-block: 0px;
  font-size: var(--tux-fontSizeP4);
  line-height: 1.5;
  font-family: var(--tux-fontFamilyParagraph);
  font-weight: var(--tux-fontWeightRegular);
  color: var(--tux-colorTextSecondary);
}
.css-1q42136 {
box-sizing: border-box;
margin-block: 0px;
font-size: 18px;
line-height: 1.5;
font-family: var(--tux-fontFamilyParagraph);
font-weight: 600;
color: #272729;
}
.before-upload-stage.jsx-2404389384 .text-main.jsx-2404389384 {
  text-align: center;
}
.before-upload-stage.jsx-2404389384 .text-video-info.jsx-2404389384 {
  list-style: none;
}




.before-upload-stage.jsx-2404389384 .text-video-info.jsx-2404389384 div.jsx-2404389384:last-child {
  margin-bottom: 0px;
}
.before-upload-stage.jsx-2404389384 .text-video-info.jsx-2404389384 div.jsx-2404389384 {
  margin-bottom: 6px;
  text-align: center;
}

.css-tad11f {
box-sizing: border-box;
margin-block: 0px;
font-size: 15px;
line-height: 1.5;
font-weight: 400;
color: #949793;
}

.before-upload-stage.jsx-2404389384 .file-select-button.jsx-2404389384 {
  margin-top: 32px;
  width: 100%;
}

.css-byn4hh {
  box-sizing: border-box;
  appearance: none;
  min-width: 96px;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  background-clip: padding-box;
  width: 100%;
  font-size: 16px;
  height: 36px;
  padding-inline: 15px;
  color: #fff;
background-color: #29952d;
border-color: #409743;
}

.css-1db5cpb {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  opacity: 1;
  overflow: hidden;
  gap: 6px;
}
.css-1z070dx {
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.form-v2.jsx-2580397738 .caption-wrap-v2.jsx-2580397738 {
  margin-bottom: 24px;
}
.container.jsx-1717967343 {
  outline-style: none;
  position: relative;
  flex: 1 1 0%;
}
.container.jsx-1717967343 .text-container.jsx-1717967343 {
  display: flex;
  -moz-box-pack: justify;
  justify-content: space-between;
  -moz-box-align: center;
  align-items: center;
}
.css-wpwnoe {
box-sizing: border-box;
margin-block: 0px;
font-size: 16px;
line-height: 1.5;
font-family: var(--tux-fontFamilyParagraph);
font-weight: 600;
color: #272729;
display: inline;
}
.container.jsx-1717967343 .margin-t-4.jsx-1717967343 {
  margin-top: 4px;
}
.container-v2.jsx-1043401508 {
  height: 46px;
  position: relative;
  text-align: center;
  border-radius: 9px;
}
.form-v2.jsx-2580397738 .margin-t-24.jsx-2580397738 {
  margin-top: 24px;
  width: 100%;
}

.css-1rssc4n {
box-sizing: border-box;
margin-block: 0px;
font-size: 16px;
line-height: 1.5;
font-family: var(--tux-fontFamilyParagraph);
font-weight: 600;
color: #272729;
}

.container-v2.jsx-662133185 {
  position: relative;
  line-height: 0;
  padding: 6px;
  border: 1px solid rgba(22, 24, 35, 0.12);
  border-radius: 2px;
}
.bg-container-v2.empty.jsx-662133185 {
  border: 2px solid transparent;
}
.bg-container-v2.jsx-662133185 {
  display: flex;
  border: 2px solid rgba(22, 24, 35, 0.12);
  box-sizing: border-box;
  border-radius: 2px;
}

.form-v2.jsx-2580397738 .button-row.jsx-2580397738 {
  display: flex;
  margin-top: 24px;
}
.form-v2.jsx-2580397738 .button-row.jsx-2580397738 .btn-cancel.jsx-2580397738 {
  background-color: transparent;
}

.css-35jbna {
  box-sizing: border-box;
  appearance: none;
  min-width: 96px;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  position: relative;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  font-family: var(--tux-fontFamilyParagraph);
  font-weight: var(--tux-fontWeightSemibold);
  text-decoration: none;
  cursor: pointer;
  background-clip: padding-box;
  width: 100%;
  font-size: var(--tux-fontSizeP3);
  height: 48px;
  padding-inline: 23px;
  color: var(--tux-colorTextPrimary);
  background-color: var(--tux-colorBGSecondary);
  border-color: var(--tux-colorLineSecondary);
  max-width: 250px;
  /*left: calc((100% - 250px) / 2);*/
}
.css-1db5cpb {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  opacity: 1;
  overflow: hidden;
  gap: 6px;
}
.css-1z070dx {
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.css-35jbna {
  font-family: var(--tux-fontFamilyParagraph);
  font-weight: var(--tux-fontWeightSemibold);
  cursor: pointer;
  font-size: var(--tux-fontSizeP3);
  color: var(--tux-colorTextPrimary);
}
candidate-v2.empty {
  background-color: rgba(22, 24, 35, 0.03);
}
.candidate-v2 {
  width: 84.2px;
  height: 150px;
  object-fit: cover;
  background: rgba(22, 24, 35, 0.03);
}
.container-v2.jsx-662133185 {
  line-height: 0;
}

.form-v2.jsx-2580397738 {
  flex: 1 1 0%;
  min-width: 0px;
}

.margin-t-24.jsx-1504123287 {
  margin-top: 24px;
}
.title-v2.jsx-1504123287 {
  margin-bottom: 4px;
}
css-1rssc4n {
  box-sizing: border-box;
  margin-block: 0px;
  font-size: var(--tux-fontSizeP3);
  line-height: 1.5;
  font-family: var(--tux-fontFamilyParagraph);
  font-weight: var(--tux-fontWeightSemibold);
  color: var(--tux-colorTextPrimary);
}
.checkbox-container.jsx-1504123287 {
  display: flex;
}

.checkbox-container.jsx-1504123287 .checkbox.jsx-1504123287 {
  margin-right: 32px;
}
.css-ypesld {
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  -moz-box-pack: start;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 24px;
}
.css-14gj7xv {
  box-sizing: border-box;
  -moz-box-flex: 1;
  flex-grow: 1;
  padding-inline: 12px 0px;
  order: 1;
}
.css-cnt6wy {
  box-sizing: border-box;
  margin-block: 0px;
  font-size: var(--tux-fontSizeP3);
  line-height: 1.5;
  font-family: var(--tux-fontFamilyParagraph);
  font-weight: var(--tux-fontWeightRegular);
}
.css-4pkwts {
  box-sizing: border-box;
  position: relative;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-block-start: 3px;
    top: -23px;
}
.css-1pzrh5a {
  box-sizing: border-box;
  appearance: none;
  height: 100%;
  width: 100%;
  position: absolute;
  cursor: pointer;
  margin: 0px;
}

.css-mbgljv {
box-sizing: border-box;
position: relative;
height: 100%;
width: 100%;
display: flex;
-moz-box-align: center;
align-items: center;
-moz-box-pack: center;
justify-content: center;
border-radius: 2px;
pointer-events: none;
color: darkgreen;
border: medium none;
background: #29952d;
}
.css-mbgljv > svg {
  visibility: visible;
}
.css-mbgljv {
pointer-events: none;
color: #fff;
}
/*всьавка видео загрузка */

#ecoplant {
  display: none;
}

.uploading-stage.jsx-2404389384 {
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  flex-direction: column;
}
.upload-card.jsx-2404389384 {
  width: 260px;
  height: 458px;
  border: 2px dashed rgba(22, 24, 35, 0.2);
  box-sizing: border-box;
  border-radius: 8px;
}
.uploading-stage.jsx-2404389384 {
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  flex-direction: column;
}
.upload-card.jsx-2404389384 {
  width: auto;
  height: 458px;
  border: 2px dashed rgba(22, 24, 35, 0.2);
  box-sizing: border-box;
  border-radius: 8px;
}

.ecoplant-progress, .ecoplant-progress .ecoplant-progress-inner {
  display: inline-flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
}
.ecoplant-progress {
  flex-direction: column;
  box-sizing: border-box;
  margin:0px;
    padding:0px;
    font-feature-settings: "tnim";
    position: relative;
    overflow: hidden;
    color: rgb(255, 255, 255);
    white-space: nowrap;
    text-align: center;
    line-height: 32px;
    border-radius: 50%;
}
.uploading-stage-text.jsx-2404389384 {
    font-family: "proxima-semibold", Arial, Tahoma, PingFangSc, sans-serif, "Segoe UI Emoji", "Noto Emoji";
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: rgba(22, 24, 35, 0.75);
    text-align: center;
    max-width: 220px;
    margin-top: 16px;
    margin-bottom: 20px;
}

    .css-xe0fn1 {
box-sizing: border-box; 
        appearance: none; 
        min-width: 96px; 
        display: inline-flex;
-moz-box-pack: center; 
        justify-content: center;
-moz-box-align: center; 
        align-items: center; 
        position: relative; 
        border-style: solid; 
        border-width: 1px; 
        border-radius: 2px;
font-family: var(—tux-fontFamilyParagraph);
font-weight: var(—tux-fontWeightSemibold);
text-decoration: none;
cursor: pointer;
background-clip: padding-box;
font-size: var(—tux-fontSizeP4);
height: 28px;
padding-inline: 11px;
color: var(—tux-colorTextPrimary);
background-color: var(—tux-colorBGSecondary);
border-color:	var(—tux-colorLineSecondary);
}
    .css-1smgn1w {
box-sizing: border-box; 
        width: 100%; 
        display: flex; 
        -moz-box-pack: center; 
        justify-content: center;
            -moz-box-align: center; 
        align-items: center; 
        opacity: 1; 
        overflow: hidden; 
        gap: 4px;
    }

.spinner {
    /* Size */
    height: 4rem;
    width: 4rem;

    /* Create a curve at the top */
    border: 4px solid #d1d5db;
    border-top-color: #09640d;
    border-radius: 50%;

    animation: spinner 3s linear;
}

@keyframes spinner {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#imgmoment {
height: 150px;
width: 84px;
margin-left: 2px;
border-radius: 5px;
}
.upload-foto-dell {
width: 30px;
height: 30px;
border: 2px dashed rgba(22, 24, 35, 0.2);
box-sizing: border-box;
border-radius: 8px;
color: #272727;
text-align: center;
font-size: 17px;
padding-top: 0px !important;
}

.upload-foto-dell:hover {
  background: rgba(22, 24, 35, 0.03);
  border: 2px dashed rgb(75, 177, 79);
}



.add-album:hover {
  cursor: pointer;
  background-color: #29952d;
  color: #fff;
}
.add-album {
  display: inline-block;
  width: 245px;
  height: 33px;
  line-height: 25px;
  text-align: center;
  border: 1px solid gray;
  margin: 10px 0;
  margin-top: 3px;
  padding-top: 6px;
}
.select-wrapper input.select-dropdown {
  border-bottom: none;
  margin-left: 15px;
  color: #989b97;
}


.add-url:hover {
  cursor: pointer;
  background-color: #29952d;
  color: #fff;
}
@media (min-width: 992px){
.add-url {
  display: inline-block;
  width: 200px;
  height: 43px;
  line-height: 25px;
  text-align: center;
  border: 1px solid gray;
  margin: 10px 0;
    margin-top: 10px;
  margin-top: 3px;
  padding-top: 6px;
}
}
@media (max-width: 992px){
.add-url {
  display: inline-block;
  width: 245px;
  height: 33px;
  line-height: 25px;
  text-align: center;
  border: 1px solid gray;
  margin: 10px 0;
    margin-top: 10px;
  margin-top: 3px;
  padding-top: 6px;
}
#moment0{
top: 4px;
    position: absolute;
    width: 250px;
    height: 450px;
    left: -126px;
    background: #fff;
    object-fit: cover;
    border-radius: 16px;
}
#ingridient{
        width: 90%;
    }
#ingridientJS{
    width: 87%;
    padding-left: 25px;
    border: 1px solid #fff;
    border-radius: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    }
}
@media (min-width: 992px){


.fr-popup {
  margin-top: -225px !important;
  margin-left: 50px !important; 
}

.fr-sticky-dummy {
  display: none !important;
}
 
.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 1px solid #ccc !important;
}
    .fr-toolbar.fr-ltr.fr-desktop.fr-top.fr-basic.fr-sticky-on{
        z-index: 9999;
    }
   #moment0{
       top: -455px;
       position: relative;
       width: 250px;
       height: 450px;
       left: 5px;
       background: #fff;
       object-fit: cover;
       border-radius: 16px;
    }
#ingridient{
    width: 40%;
    height: 36px;
    border: 1px solid #ccc;
    border-radius: 7px;
    padding-left: 11px;
    }
#ingridientJS{
width: 40%;
    padding-left: 25px;
    border: 1px solid #bfbfbf;
    border-radius: 7px;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 36px;
    }
}
input {
    width: 95%;
    height: 36px;
    border: 1px solid #ccc;
    border-radius: 7px;
    padding-left: 11px;
}
#fileAdd{
    position: absolute;
}
@media (max-width: 700px){
.upload-file {
    height: 500px;
    left: 23%;
    position: absolute;
    top: 320px;
    width: 260px;
    opacity: 0;
}
.album-up {
    width: 104px;
    height: 143px;
    border: 2px dashed rgba(22, 24, 35, 0.2);
    box-sizing: border-box;
    border-radius: 8px;
    position: relative;
    top: 40px;
    right: 0px;
    z-index: 2;
    background: #fff;
}
.album-image {
    width: 125px;
    height: 144px;
    position: absolute;
    opacity: 0;
    z-index: 29;
    left: -11px;
}
}
@media (min-width: 1370px){
.fr-toolbar.fr-ltr.fr-mobile.fr-top.fr-basic.fr-sticky-off {
    top: 92px !important;
    position: fixed;
    left: 10px;
    height: auto;
    width: 170px;
    border-radius: 12px;
    border-bottom: 1px solid #ccc;
}
}

@media (min-width: 700px){
.upload-file {
  height: 500px;
  left: 22%;
  position: absolute;
  top: 200px;
  width: 260px;
  opacity: 0;
}
.album-up{
width: 104px;
height: 143px;
border: 2px dashed rgba(22, 24, 35, 0.2);
box-sizing: border-box;
border-radius: 8px;
position: absolute;
top: -101px;
right: 20px;
z-index: 2;
background: #fff;
}
.album-image{
width: 104px;
height: 144px;
position: absolute;
opacity: 0;
z-index: 29;
}

}

#images {
  display: flex;
  overflow: scroll;
  width: 260px;
  z-index: 3;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

.preload-3 {
  position: relative;
  margin-bottom: 100px;
}
  .preload-3:before, .preload-3:after {
    position: absolute;
    content: '';
    width: 20px; height: 20px;
    border-radius: 50%;
  }
  
  .preload-3:before {
    background: green;
    animation: preload-3-1 1.5s infinite ease-in-out;
  }
  .preload-3:after {
    background: yellow;
    left: 22px;
    animation: preload-3-2 1.5s infinite ease-in-out;
  }

@keyframes preload-3-1 {
  0%, 100% {
    transform: translateX(0) rotate(0);
  }
  50% {
    transform: translateX(50px) scale(1.2) rotate(260deg);
    border-radius: 0;
  }
}

@keyframes preload-3-2 {
  0%, 100% {
    transform: translateX(0) rotate(0);
  }
  50% {
    transform: translateX(-50px) scale(1.2) rotate(-260deg);
    border-radius: 0;
  }
}