*,*:after,*:before{padding:0;margin:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.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}.add-mark-button{position:absolute;right:16px;bottom:16px;padding:16px;cursor:pointer;height:64px;width:64px;color:#fff;background-color:#000;border-radius:50%;box-shadow:2px 2px 5px #0003;z-index:1;transition:all .2s ease-in-out}.add-mark-button__content{display:flex;justify-content:center;align-items:center;font-size:32px;font-weight:700;line-height:32px}.add-mark-button:hover{background-color:#fff;color:#000}header{margin:0 auto;height:48px;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{display:flex;gap:2rem;align-items:center;font-size:16px}.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}.panel{position:absolute;left:0;z-index:1;--height-header: 100px;height:calc(100dvh - 48px);width:30dvw;background-color:#f9f9f9;border-right:2px solid rgb(201,201,201)}.panel__header{display:flex;flex-direction:column;gap:8px;height:var(--height-header);background-color:#242424;color:#fff;padding:16px}.panel__header__status{position:absolute;right:16px;top:16px;font-size:12px}.panel__content{display:flex;flex-direction:column;gap:16px;padding:16px;height:calc(100dvh - 48px - var(--height-header));overflow-y:auto}.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}.panel__close-button:hover{fill:#fff;background-color:#000}.panel.hide{width:0}.photo{background-color:#e5e5e5;height:150px;width:100px}.photo.add{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}.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.black-2-white,.mini.white-2-black{font-size:12px;height:auto}.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}.double-progress-bar{position:relative;min-height:1rem;width:auto;background-color:#f5f5f5;border-radius:12px;margin:.5rem;color:#fff;font-size:12px}.double-progress-bar__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__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__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__left__text{color:#fff}.double-progress-bar__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}