*{--c:#E24733;--w:#DCDCDC;--block_background:#1F1F1F;--block_border:#3D3D3D;--child_block_background:#2C2C2C;--child_block_border:#555555;--child_block_border_focus:#777777;--child_block_background_focus2:#333333;--child_block_background_focus:#444444;--child_btn_background_hover:#666666;--child_btn_border_hover:#878788;--page_background:#171717;--agree:#3FA332;--error:#E24733;--info:#007BFF;--warn:#FFC107;--br:15px;transition:all .25s ease;font-family:Aeroport;color:var(--w);::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--block_border);border-radius:4px;cursor:pointer}::-webkit-scrollbar-thumb:hover{background:#777}}html{scroll-behavior:smooth;background-color:var(--page_background)}body,h1,h2,h3,h4,h5,h6,html{margin:0}input{background-color:var(--child_block_background);border:1px solid var(--child_block_border);color:var(--w);border-radius:3px;padding:5px 15px;outline:none;transition:all .15s ease;box-sizing:border-box;&.search-borderless{border-radius:0;border:none;border-bottom:1px solid;width:100%;background:none;background-color:none}&.login{font-size:15px;font-weight:400}&:-webkit-autofill,&:-webkit-autofill:focus,&:-webkit-autofill:hover{background-color:var(--child_block_background);-webkit-box-shadow:inset 0 0 0 1000px #222;-webkit-text-fill-color:var(--w);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}&:focus{border-color:var(--c)}}.btn,button{display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;font-weight:500;cursor:pointer;padding:5px 20px;transition:all .25s ease;color:var(--w);border-radius:3px;background-color:var(--child_block_background);border:1px solid var(--child_block_border);outline:none;gap:5px;&.icon{padding:5px}&:disabled{opacity:.5;cursor:not-allowed}&:hover{border-color:color-mix(in srgb,var(--child_block_background_focus) 65%,white);background-color:color-mix(in srgb,var(--child_block_background) 95%,white)}&:active{border-color:color-mix(in srgb,var(--child_block_background_focus) 89%,black);background-color:color-mix(in srgb,var(--child_block_background) 75%,black)}&.vk{background-color:#007BFF;font-size:20px;border-radius:6px;gap:10px;.vk-icon{width:25px}}}.window{padding:20px;display:flex;gap:20px}.sidebar{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;width:227px;font-size:15px;height:calc(100vh - 40px);&.collapsed{width:67px;.menu{.menu-item{padding:10px;span{opacity:0}.avatar{max-width:20px}.user-info{.role{opacity:0}}&.logo{padding:2px}.logo{display:flex;align-items:center;justify-content:center;padding:0;max-width:40px}}.group-title{opacity:0}}}.group{display:flex;flex-direction:column;gap:10px;width:100%}.menu{box-sizing:border-box;display:flex;flex-direction:column;background:var(--block_background);border:1px solid var(--block_border);border-radius:15px;padding:20px 12px;gap:10px;width:100%;position:relative;.group-title{-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.3;font-weight:300}.collapse-btn{position:absolute;display:flex;align-items:center;justify-content:center;width:25px;height:25px;right:-10px;background-color:var(--block_background);border:1px solid var(--block_border);border-radius:50px;box-sizing:border-box;background-image:url(/icons/arrow.svg);background-repeat:no-repeat;background-position:50%;cursor:pointer;&.collapsed{transform:rotate(180deg)}&:hover{background-color:var(--child_block_background_focus)}}.menu-item{box-sizing:border-box;display:flex;align-items:center;justify-content:start;gap:10px;border-radius:8px;overflow:hidden;width:100%;padding:10px;cursor:pointer;&.logo{margin:0 auto;span{font-size:28px;font-weight:600}}&.active{background:var(--child_block_background_focus2)}span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}&.logout{span{color:var(--c)}}.avatar{height:auto;max-width:35px;border-radius:100px}.user-info{display:flex;flex-direction:column;font-size:15px;.role{font-size:15px;font-weight:300;opacity:.3}}&.empty{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;&:hover{background-color:transparent}}&:hover,.ps-menu-button:hover{background:var(--block_border)}&.separator{box-sizing:border-box;margin:10px 0;padding:0;border-radius:20px;min-height:1px}&.separator,&.separator:hover{background-color:var(--block_border)}&.separator:hover{cursor:default}}}}.workspace{box-sizing:border-box;height:calc(100vh - 40px);background-color:var(--block_background);border:1px solid var(--block_border);border-radius:15px;width:100%;padding:50px;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:10px}.selector{display:flex;align-items:center;justify-content:center;gap:5px;font-size:15px;padding:5px;border-radius:8px;background-color:var(--child_block_background);border:1px solid var(--child_block_border);.selector-item{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:400;padding:3px 10px;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;.value{font-weight:300;opacity:.3}&:hover{background-color:var(--child_block_background_focus)}&.active{background-color:var(--child_block_border)}}}.modal-overlay{width:100vw;height:100vh;background-color:rgba(23,23,23,.5);position:absolute;top:0;left:0;z-index:10;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;.modal-content{background:var(--block_background);border:1px solid var(--block_border);border-radius:15px;padding:20px;display:flex;flex-direction:column;min-height:300px;outline:none;.close-cross{width:10px;height:10px}}}.table-separator{display:flex;align-items:center;justify-content:center;margin:10px 0;width:100%;height:1px;background-color:var(--block_border)}.campaigns-control{width:100%;display:flex;justify-content:space-between;gap:10px;.add-company{margin-left:auto}.finder{position:relative;background:url(/icons/search.svg) no-repeat 10px;background-size:16px;padding:5px 5px 5px 32px}}.table-container{width:100%;max-height:100%;overflow-y:auto}.campaign-table{width:100%;border-collapse:collapse;thead{position:-webkit-sticky;position:sticky;top:0;z-index:1;background-color:var(--block_background);tr{th{text-align:left;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:300;opacity:.5;padding-bottom:20px;.cth-child{display:flex;align-items:center;justify-content:start;gap:10px}.sort{opacity:0;&.active{opacity:1}}&:hover{opacity:.3}}}}tbody{tr{height:65px;&.empty{width:100%;td{padding:10px;border-bottom:1px solid var(--block_border)}}td{.title-container{display:flex;align-items:center;justify-content:start;gap:10px;.thumbnail{width:35px;height:35px;object-fit:cover;border-radius:8px}.text{display:flex;flex-direction:column;.meta,.title{margin:0;padding:0}.meta{font-size:15px;font-weight:300;opacity:.4}}}&.ctd-upd{opacity:.5;font-size:15px}&.ctd-status{.status-container{display:flex;align-items:center;justify-content:start;height:100%;gap:10px;.status-text{font-weight:300}span.status{display:block;width:8px;height:8px;border-radius:50%;animation:blur 2s ease-in-out infinite}.status-active{background-color:var(--agree)}.status-inactive{background-color:var(--error)}}}}}}}.form-workspace{width:500px;min-height:300px;box-sizing:border-box;transition:all .3s ease;&.step1{min-height:420px}&.step1,&.step2{transition:all .3s ease}&.step2{min-height:380px}.form-header{display:flex;opacity:.5;font-weight:300;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid var(--child_block_border);h3{font-size:15px;font-weight:300;opacity:.5}}.form-body{display:flex;flex-direction:column;gap:12px;.error-message{border-radius:4px;align-self:center;justify-self:center;text-align:center;border:1px solid var(--c);width:100%}button.type-item{align-self:flex-start;margin-top:auto;&.active{border-color:var(--c)}}.form-body-description{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;display:flex;padding:10px;flex-direction:column;background:var(--child_block_background_focus2);border-radius:10px;border:1px solid var(--child_block_border);gap:10px;h3{font-size:15px}span{font-weight:300;opacity:.5}.vk-logo{display:flex;align-items:center;justify-content:start;gap:5px;.vk-logo-img{max-width:20px;height:auto}}}.form-body-header{display:flex;justify-content:space-between;.reload{display:flex;gap:10px;.lastUpdateTime{font-weight:300;opacity:.5}}}.form-body-content{display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;max-height:300px;gap:1px;&.types{display:flex;flex-direction:row;justify-content:stretch;flex-wrap:wrap;gap:8px;.type-item{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 8px);display:flex;justify-content:start;width:100%;gap:10px;padding:10px;&.active{border-color:var(--c)}.type-item-icon{max-width:20px;height:auto}}}.campaign-item{display:flex;box-sizing:border-box;padding:10px;border-radius:10px;cursor:pointer;border:1px solid transparent;&.active{border:1px solid var(--c)}&:hover{background-color:var(--child_block_background_focus2)}align-items:center;justify-content:space-between;.select{display:flex;align-items:center;justify-content:center;gap:20px;.time{opacity:.3;font-weight:300}}}}}&.step3{.form-body{height:350px;flex:1 1}}}.form-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:20px;.step-indicator{opacity:.3;font-weight:300}.form-btns{display:flex;gap:10px}}.reload-icon.spin{animation:reloadSpin .3s ease-in-out}.login-page{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;width:100vw;height:100vh;.login-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;background-color:var(--block_background);border:1px solid var(--block_border);border-radius:15px;.logo-block{display:flex;align-items:center;justify-content:center;gap:10px;span{font-size:28px;font-weight:600}}}}.wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:-1;overflow:hidden;filter:blur(5px);opacity:.3;.background-animation{transform:rotate(-15deg);min-width:120vw;min-height:120vh;--col:rgba(0,0,0,0.55);-webkit-mask-image:linear-gradient(to right,transparent 0,var(--col) 50%,transparent 100%);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;.scroller{display:flex;width:max-content;animation:scrollX 60s linear infinite;margin-bottom:20px;img{margin-right:40px}&.slower{margin-bottom:5px;animation:scrollX 30s linear infinite}&.shift{animation:scrollXReverse 60s linear infinite}}}}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}@keyframes blur{0%,to{filter:blur(0)}50%{filter:blur(3px)}}@keyframes reloadSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scrollX{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scrollXReverse{0%{transform:translateX(-50%)}to{transform:translateX(0)}}@font-face{font-family:Aeroport;src:url(/_next/static/media/Aeroport-Light.6f8d3355.eot);src:local("Aeroport Light"),local("Aeroport-Light"),url(/_next/static/media/Aeroport-Light.6f8d3355.eot?#iefix) format("embedded-opentype"),url(/_next/static/media/Aeroport-Light.c903f06a.woff2) format("woff2"),url(/_next/static/media/Aeroport-Light.e325163c.woff) format("woff"),url(/_next/static/media/Aeroport-Light.f05e1544.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Aeroport Mono;src:url(/_next/static/media/AeroportMono.bb2ea6ef.eot);src:local("Aeroport Mono"),local("AeroportMono"),url(/_next/static/media/AeroportMono.bb2ea6ef.eot?#iefix) format("embedded-opentype"),url(/_next/static/media/AeroportMono.6613355e.woff2) format("woff2"),url(/_next/static/media/AeroportMono.736b509c.woff) format("woff"),url(/_next/static/media/AeroportMono.099e77cb.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Aeroport;src:url(/_next/static/media/Aeroport-Bold.3c83a1db.eot);src:local("Aeroport Bold"),local("Aeroport-Bold"),url(/_next/static/media/Aeroport-Bold.3c83a1db.eot?#iefix) format("embedded-opentype"),url(/_next/static/media/Aeroport-Bold.f5c23574.woff2) format("woff2"),url(/_next/static/media/Aeroport-Bold.1293b0ae.woff) format("woff"),url(/_next/static/media/Aeroport-Bold.798a5610.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Aeroport;src:url(/_next/static/media/Aeroport-LightItalic.8708ea0e.eot);src:local("Aeroport Light Italic"),local("Aeroport-LightItalic"),url(/_next/static/media/Aeroport-LightItalic.8708ea0e.eot?#iefix) format("embedded-opentype"),url(/_next/static/media/Aeroport-LightItalic.0a84b5e1.woff2) format("woff2"),url(/_next/static/media/Aeroport-LightItalic.87158ecf.woff) format("woff"),url(/_next/static/media/Aeroport-LightItalic.2886735a.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Aeroport;src:url(/_next/static/media/Aeroport-BoldItalic.92875d3d.eot);src:local("Aeroport Bold Italic"),local("Aeroport-BoldItalic"),url(/_next/static/media/Aeroport-BoldItalic.92875d3d.eot?#iefix) format("embedded-opentype"),url(/_next/static/media/Aeroport-BoldItalic.6831dd58.woff2) format("woff2"),url(/_next/static/media/Aeroport-BoldItalic.033915c1.woff) format("woff"),url(/_next/static/media/Aeroport-BoldItalic.44e8f10f.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Aeroport;src:url(/_next/static/media/Aeroport-MediumItalic.2566743c.eot);src:local("Aeroport Medium Italic"),local("Aeroport-MediumItalic"),url(/_next/static/media/Aeroport-MediumItalic.2566743c.eot?#iefix) format("embedded-opentype"),url(/_next/static/media/Aeroport-MediumItalic.086f1462.woff2) format("woff2"),url(/_next/static/media/Aeroport-MediumItalic.0658e976.woff) format("woff"),url(/_next/static/media/Aeroport-MediumItalic.765c9fea.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Aeroport;src:url(/_next/static/media/Aeroport.1cf73ac0.eot);src:local("Aeroport"),url(/_next/static/media/Aeroport.1cf73ac0.eot?#iefix) format("embedded-opentype"),url(/_next/static/media/Aeroport.603201c3.woff2) format("woff2"),url(/_next/static/media/Aeroport.564ca124.woff) format("woff"),url(/_next/static/media/Aeroport.14ff64f2.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Aeroport;src:url(/_next/static/media/Aeroport-Italic.4298c3ef.eot);src:local("Aeroport Italic"),local("Aeroport-Italic"),url(/_next/static/media/Aeroport-Italic.4298c3ef.eot?#iefix) format("embedded-opentype"),url(/_next/static/media/Aeroport-Italic.9b1f8ca8.woff2) format("woff2"),url(/_next/static/media/Aeroport-Italic.d922a865.woff) format("woff"),url(/_next/static/media/Aeroport-Italic.be6f7948.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Aeroport;src:url(/_next/static/media/Aeroport-Medium.49189170.eot);src:local("Aeroport Medium"),local("Aeroport-Medium"),url(/_next/static/media/Aeroport-Medium.49189170.eot?#iefix) format("embedded-opentype"),url(/_next/static/media/Aeroport-Medium.87044375.woff2) format("woff2"),url(/_next/static/media/Aeroport-Medium.0ca4405c.woff) format("woff"),url(/_next/static/media/Aeroport-Medium.57f5d19c.ttf) format("truetype");font-weight:500;font-style:normal}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );transform:translateX(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}