/* Start:/bitrix/templates/rpbo/components/bitrix/news.list/dev_instruments/style.css?17906057243878*/
:root{
  color-scheme:light;
  --mainColor:#18181b; --textColor2:#292c32; --whiteColor:#fff; --bgColor:#f5f5f7;
  --grayColor:#a1a1aa; --iconGray:#858b98; --grayMuted:#71717a; --darkGray:#3f3f46;
  --blueColor:#005fff; --darkBlue:#0040ff; --blueSoft:#e6efff;
  --font:Involve,Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
.wrap{max-width:880px;}
.dev-header{display:grid;gap:12px;margin-bottom:24px}
.eyebrow{font-size:14px;color:var(--grayMuted)}
h1{font-size:clamp(24px,4vw,32px);line-height:1.31;margin:0;font-weight:600;color:var(--textColor2);text-wrap:balance}
.lead{color:var(--textColor2);margin:0;max-width:62ch;font-size:16px;line-height:137.5%}
.bar{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:space-between;margin-bottom:16px}
.stats{font-size:14px;color:var(--grayMuted);font-variant-numeric:tabular-nums}
.btns{display:flex;gap:8px}
button{font:inherit;font-size:14px;line-height:1.14;padding:10px 16px;border-radius:4px;border:0;cursor:pointer;transition:background-color .3s,color .3s}
.button--black{background:var(--mainColor);color:var(--whiteColor)}
.button--black:hover{background:var(--darkGray)}
.button--gray{background:var(--bgColor);color:var(--mainColor)}
.button--gray:hover{background:#e7e7ea}
button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--blueColor);outline-offset:2px}

ol.procs{list-style:none;margin:0;padding:0;display:grid;gap:12px}
ol.procs>li>details{background:var(--bgColor);border-radius:6px}
summary{list-style:none;cursor:pointer;display:flex;gap:12px;align-items:flex-start;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;line-height:1.43;transition:background-color .3s,color .3s}
summary::-webkit-details-marker{display:none}
summary::marker{content:""}
summary:hover{background:#ececef}
details[open]>summary{background:var(--mainColor);color:var(--whiteColor)}
.num{flex:0 0 2.6em;font-variant-numeric:tabular-nums}
.pname{flex:1 1 auto}
.count{flex:0 0 auto;display:flex;gap:16px;align-items:center;font-weight:400;color:var(--grayMuted);white-space:nowrap;font-variant-numeric:tabular-nums}
details[open]>summary .count{color:var(--grayColor)}
.pm{position:relative;width:12px;height:20px;flex:0 0 12px}
.pm::before,.pm::after{content:"";position:absolute;left:0;top:9px;width:12px;height:2px;background:var(--grayColor);transition:transform .5s}
.pm::after{transform:rotate(-90deg)}
details[open] .pm::before,details[open] .pm::after{background:var(--whiteColor)}
details[open] .pm::after{transform:rotate(0)}
@media (prefers-reduced-motion: reduce){summary,.pm::before,.pm::after,button{transition:none}}

ul.tools{list-style:none;margin:0;padding:12px 24px 24px;display:grid;gap:8px}
ul.tools li{background:var(--whiteColor);border-radius:6px;padding:14px 16px;display:grid;gap:4px;font-size:14px;line-height:1.43}
.tname{font-weight:600;font-size:16px;color:var(--mainColor)}
.purpose{color:var(--textColor2)}
.maker{color:var(--grayMuted)}
.maker b{font-weight:500;color:var(--iconGray);margin-right:6px}
.reg{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin-top:4px}
.pill{font-size:12px;font-weight:500;line-height:1.33;padding:3px 8px;border-radius:4px;background:var(--blueSoft);color:var(--blueColor)}
.pill.no{background:var(--bgColor);color:var(--grayMuted)}
.reg a{color:var(--blueColor);text-decoration:none;word-break:break-all;transition:color .3s}
.reg a:hover{color:var(--darkBlue);text-decoration:underline}
.empty{margin:0;padding:12px 24px 20px;color:var(--grayMuted);font-size:14px}

@media (max-width:560px){
  summary{flex-wrap:wrap;padding:12px 16px}
  .pname{flex-basis:calc(100% - 2.6em - 12px)}
  .count{margin-left:calc(2.6em + 12px);flex-basis:100%;justify-content:space-between}
  ul.tools{padding:12px 12px 16px}
  .empty{padding:12px 16px 16px}
}
/* End */
/* /bitrix/templates/rpbo/components/bitrix/news.list/dev_instruments/style.css?17906057243878 */