*,*:after,*:before{padding:0;margin:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;--panel-width: 420px;--header-height: 48px}a{text-decoration:none}.main{width:100%;height:calc(100vh - 48px);position:relative}.map{width:100%;height:100%}.map.panel-open{padding-left:var(--panel-width)}@media (max-width: 768px){.map.panel-open{padding-left:0;padding-bottom:var(--panel-header-height)}}.add-mark-menu{position:absolute;width:min-content;top:8%;right:10px;background-color:#fff;z-index:10;padding:10px;display:flex;flex-direction:column;gap:8px;color:#000}.edit-multiline-text{width:-moz-available;width:-webkit-fill-available;padding:10px;border:1px solid #dadada;outline:none}.edit-multiline-text svg{transition:all .3s ease-in-out}.edit-multiline-text:hover{border:1px solid #bebebe}.edit-multiline-text:hover svg{transform:scale(1.1)}.edit-multiline-text-border-rad{border-radius:8px}.camera{display:flex}.camera canvas{width:320px}.circle{position:absolute;width:32px;height:32px;border-radius:50%;box-shadow:2px 2px 5px #0003;transform:translate(-50%,-50%)}.circle:hover{color:#2e4ce5;cursor:pointer}.circle-content{position:absolute;top:50%;left:50%;display:flex;justify-content:center;align-items:center;width:90%;height:90%;border-radius:50%;background-color:currentColor;transform:translate3d(-50%,-50%,0)}.circle-text{font-size:12px;font-weight:500;line-height:20px;color:#fff}.filters-button{position:absolute;right:16px;top:42px}.filters{position:absolute;right:16px;top:102px;width:250px;background-color:#f9f9f9;padding:8px;border:2px solid rgb(201,201,201);z-index:1}.filters__content{display:flex;flex-direction:column;gap:8px}.filters__content__title{display:flex;gap:8px;justify-content:center;align-items:center;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.filters__content__block{display:grid;gap:2px;padding:2px;background-color:#fff}.filters__content__block__item{display:flex;gap:8px;align-items:center;font-size:14px;-webkit-user-select:none;user-select:none;cursor:pointer}.filters__content__block__item:nth-child(2n){background-color:#f9f9f9}.add-mark-button{position:absolute;right:16px;bottom:16px;padding:16px}@media (max-width: 768px){.add-mark-button{bottom:calc(16px + var(--panel-header-height))}}.circle-button{align-content:center;cursor:pointer;height:56px;width:56px;fill:#fff;stroke:#fff;color:#fff;background-color:#000;border-radius:50%;box-shadow:2px 2px 5px #0003;z-index:1;transition:all .2s ease-in-out}@media (max-width: 768px){.circle-button{width:48px;height:48px}}.circle-button__content{display:flex;justify-content:center;align-items:center;font-size:32px;font-weight:700;line-height:32px}.circle-button__content svg{width:24px;height:24px}@media (max-width: 768px){.circle-button__content svg{width:16px;height:16px}}.circle-button:hover{background-color:#fff;color:#000;stroke:#000;fill:#000}.center-button{align-content:center;cursor:pointer;position:absolute;right:50%;bottom:calc(16px + var(--panel-header-height));padding:16px;transform:translate(50%);background-color:red;color:#fff;border-radius:32px;box-shadow:2px 2px 5px #0003;z-index:1;transition:all .2s ease-in-out}.center-button:hover{background-color:#fff;color:#000;stroke:#000;fill:#000}.modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1;display:flex;align-items:center;justify-content:center}.modal__container{margin:auto;padding:16px;width:30%;height:fit-content;background-color:#f9f9f9;display:flex;flex-direction:column;gap:8px}.modal__container__header{text-align:center;font-weight:700}.modal__container__content{display:flex;flex-direction:column;gap:8px}header{margin:0 auto;height:var(--header-height);align-content:center;background-color:#202020;color:#fff}header a{color:#fff}.header-container{display:flex;justify-content:space-between;align-items:center;padding:0 16px;margin:0 auto;font-size:16px}.header-container__menu,.header-container__user-info,.header-container__user-info__item{display:flex;gap:1rem;align-items:center}@media (max-width: 768px){.header-container{font-size:12px}}.mark{cursor:pointer;position:relative;border:2px solid rgba(255,255,255,.7);border-radius:50%;transform:translate(-50%,-50%)}.mark.small{width:12px;height:12px}.mark.medium{width:16px;height:16px}.mark.big{width:32px;height:32px}.mark__number-checks-box{position:absolute;border-radius:50%;background-color:#ffffff4d;padding:2px 8px;left:calc(100% + 6px);transform:translateY(-50%);top:25%}.mark.selected{box-shadow:0 0 0 8px #23aeff4d}:root{--panel-header-height: 0px}.panel{position:absolute;left:0;z-index:2;height:calc(100dvh - var(--header-height));width:var(--panel-width);background-color:#f9f9f9;border-right:2px solid rgb(201,201,201);transition:transform .3s ease-in-out 0s}@media (max-width: 768px){.panel{width:100%;position:fixed;right:0;bottom:0;transform:translateY(calc(100dvh - var(--panel-header-height) - var(--header-height) + 1px))}.panel.open{transform:translateY(0);overflow:auto}}.panel__header{display:flex;flex-direction:column;gap:8px;height:fit-content;background-color:#242424;color:#fff;padding:16px}@media (max-width: 768px){.panel__header{cursor:pointer}}.panel__header__status{position:absolute;right:16px;top:16px;font-size:12px}@media (max-width: 768px){.panel__header__status{font-size:10px}}.panel__content{display:flex;flex-direction:column;gap:8px;padding:16px;height:calc(100dvh - var(--header-height) - var(--panel-header-height));overflow-y:auto}@media (max-width: 768px){.panel__content{height:fit-content}}.panel__close-button{position:absolute;right:-64px;top:16px;padding:16px;cursor:pointer;height:48px;width:48px;background-color:#fff;border-radius:50%;box-shadow:2px 2px 5px #0003;z-index:1;transition:all .2s ease-in-out}@media (max-width: 768px){.panel__close-button{top:-64px;left:16px}}.panel__close-button:hover{fill:#fff;background-color:#000}.panel.hide{width:0}.photo{background-color:#e5e5e5;max-height:150px;min-height:150px}.photo.add{min-width:100px;display:flex;justify-content:center;align-items:center;font-size:64px;cursor:pointer;transition:all .2s ease-in-out}.photo.add:hover{color:#fff;background-color:#000}.thumb-photo{background-color:#e5e5e5;max-height:100px;min-height:100px}.thumb-photo.confirm{border-bottom:1px solid rgb(83,237,124)}.thumb-photo.reject{border-bottom:1px solid rgb(255,31,31)}.show-button{display:flex;justify-content:center;width:100%;padding:4px;border:none;background-color:#f9f9f9;cursor:pointer;transition:all .3s ease-in-out}.show-button:hover{fill:#fff;background-color:#242424}.red,.green,.black-2-white,.white-2-black{width:100%;height:100%;padding:8px;cursor:pointer;border:1px solid black;font-size:16px;transition:all .3s ease-in-out}.mini.red,.mini.green,.mini.black-2-white,.mini.white-2-black{font-size:12px;height:auto}.red:disabled,.green:disabled,.black-2-white:disabled,.white-2-black:disabled{background-color:#e2e2e2!important;color:#000!important}.white-2-black{background-color:#fff;color:#000}.white-2-black:hover,.black-2-white{background-color:#000;color:#fff}.black-2-white:hover{background-color:#fff;color:#000}.green{background-color:#c2fdb7;color:#000}.green:hover{background-color:#38e615}.red{background-color:#ffa0a0;color:#000}.red:hover{background-color:#d30c0c;color:#fff}.double-progress-bar__title{padding:0 10px;font-size:12px;text-align:center}.double-progress-bar__scale{position:relative;min-height:1rem;width:auto;background-color:#f5f5f5;border-radius:12px;margin:.5rem;color:#fff;font-size:12px}.double-progress-bar__scale__left__zone{position:absolute;left:0;height:100%;width:20%;background:linear-gradient(90deg,#fda3a3,#0000);border-top-left-radius:12px;border-bottom-left-radius:12px}.double-progress-bar__scale__right__zone{position:absolute;right:0;height:100%;width:20%;background:linear-gradient(90deg,#0000,#d6fda3);border-top-right-radius:12px;border-bottom-right-radius:12px}.double-progress-bar__scale__left{position:absolute;right:50%;height:100%;background:linear-gradient(90deg,#ff1f1f,#ffb52b);border-top-left-radius:12px;border-bottom-left-radius:12px;text-align:left;padding-left:10px}.double-progress-bar__scale__left__text{color:#fff;font-weight:700}.double-progress-bar__scale__right{position:absolute;left:50%;height:100%;background:linear-gradient(90deg,#ffb52b,#53ed7c);border-top-right-radius:12px;border-bottom-right-radius:12px;text-align:right;padding-right:10px}.double-progress-bar__scale__right__text{color:#fff;font-weight:700}.double-progress-bar__signatures{display:flex;justify-content:space-between;font-size:12px;padding:0 10px}.arrow{width:16px}.arrow.open{transform:rotate(180deg)}.unauthorized-block{display:flex;flex-direction:column;gap:16px;text-align:center}.unauthorized-block__buttons{display:flex;gap:16px}