*,:after,:before{box-sizing:border-box}body{color:#adafba;background:linear-gradient(90deg,#ede7e7 0%,#edf4fd 68.47%,#e5e9f5 100%);flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:Noto Sans,Arial,sans-serif;display:flex;position:relative}img{object-fit:cover;flex-shrink:0;max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}textarea{resize:none}main{flex-grow:1;padding:70px 0 0}.container{max-width:1440px;margin:0 auto;padding:0 28px}#imageContainer{flex-direction:column;gap:20px;width:100%;height:500px;margin:0 auto;display:flex;position:relative}.outer-container{border:2px solid #475cd6;flex-direction:column;justify-content:center;align-items:center;width:600px;height:400px;margin:0 auto;display:flex;position:relative}.outer-container--mini{width:60px;height:40px;margin:0;overflow:hidden}.inner-container{border:2px solid #475cd6;display:inline-block;position:relative}.btn,.custom-input__label{color:#fff;cursor:pointer;background-color:#475cd6;border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;padding:16px;font-size:18px;line-height:24.3px;transition:background-color .3s ease-in;display:flex}.btn:focus-visible,.btn:hover,.custom-input__field:focus-visible,.custom-input__label:hover{background-color:#607ed8}.visually-hidden{white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(100%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.crop__heading{text-align:center;margin:0 0 20px}.crop__image{object-fit:contain;width:100%;height:100%}.crop__wrapper{justify-content:center;gap:20px;margin:0 0 20px;display:flex}.crop__list-item{counter-increment:counter;flex-direction:column;align-items:flex-start;gap:5px;display:flex}.crop-step{justify-content:center;align-items:center;gap:20px;display:flex}.crop__note{color:#475cd6;font-size:42px;font-weight:700;line-height:48px}.crop__outer{flex-direction:column;justify-content:center;gap:20px;display:flex}.crop__list{counter-reset:counter;flex-wrap:wrap;gap:20px;margin:0;padding:0;list-style-type:none;display:flex}.crop__list-item:before{content:"Шаг " counter(counter);color:#fff;letter-spacing:-.02em;background-color:#475cd6;border-radius:60px;padding:4px 15px 4px 14px;font-size:14px;font-weight:700;line-height:16.1px;display:flex}.crop__main{flex:0 0 75%;width:auto;min-width:0;max-width:75%}.crop__preview{flex:0 0 25%;width:100%;max-width:25%;overflow:hidden}.img-preview{float:left;border:1px solid #0000;margin-bottom:.5rem;margin-right:.5rem;overflow:hidden}.img-preview--active{border-color:#475cd6}.img-preview>img{max-width:100%}.docs-preview{margin-right:-1rem}.preview-lg{width:16rem;height:9rem}.preview-md{width:8rem;height:4.5rem}.preview-sm{width:4rem;height:2.25rem}.preview-xs{width:2rem;height:1.125rem;margin-right:0}.zoomed-image{pointer-events:none;z-index:9999;background-repeat:no-repeat;border:2px solid #000;border-radius:50%;width:200px;height:200px;display:none;position:absolute;overflow:hidden;box-shadow:0 0 8px #00000080}.zoomed-image:after{content:"";border:1px dotted #475cd6;width:0;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.zoomed-image:before{content:"";border:1px dotted #475cd6;width:100%;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-spinner{color:#475cd6;width:80px;height:80px;display:inline-block;position:absolute;top:calc(50% - 40px);left:calc(50% - 40px)}.intro-spinner div{transform-origin:40px 40px;animation:1.2s linear infinite lds-spinner}.intro-spinner div:after{content:" ";background:currentColor;border-radius:20%;width:6.4px;height:17.6px;display:block;position:absolute;top:3.2px;left:36.8px}.intro-spinner div:first-child{animation-delay:-1.1s;transform:rotate(0)}.intro-spinner div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.intro-spinner div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.intro-spinner div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.intro-spinner div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.intro-spinner div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.intro-spinner div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.intro-spinner div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.intro-spinner div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.intro-spinner div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.intro-spinner div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.intro-spinner div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=index.214ed849.css.map */