/* Noppi Студия — стили дашборда по одобренному макету */
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/static/manrope-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/static/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#EDEDEF;--card:#FFFFFF;--ink:#17171A;--muted:#5C5C66;--soft:#F6F6F8;--line:#E8E8EC;
  --accent:#CC4B17;--accent-soft:#FBEDE6;--dark:#17171A;--dark-2:#26262B;--dark-muted:#B9B9C2;
  --ok-bg:#E2F2E8;--ok-ink:#1B6640;--idle-bg:#F0F0F3;--idle-ink:#3F3F47;--busy-bg:#FBE3D7;--busy-ink:#8A2E08;
  --r:24px;color-scheme:light
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:500 15px/1.45 Manrope,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:800}
code{font-size:.9em;background:var(--soft);padding:1px 6px;border-radius:6px}
.muted{color:var(--muted)}
.warn{color:var(--busy-ink)}

/* каркас */
.wrap{max-width:1392px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:20px}
.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border-radius:999px;padding:8px 8px 8px 16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;text-decoration:none}
.logo{width:34px;height:34px;border-radius:11px;background:var(--accent);display:flex;align-items:center;justify-content:center;flex:none}
.nav{display:flex;flex-wrap:wrap;gap:4px}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none}
.nav a[aria-current=page]{background:var(--dark);color:#fff}
.nav a:not([aria-current=page]):hover{background:var(--soft)}
.top-actions{display:flex;align-items:center;gap:8px}
.top-actions form{margin:0}
.icon-btn{width:44px;height:44px;border:0;border-radius:999px;background:#F2F2F4;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:inherit}
.icon-btn:hover{background:#E6E6EA}
.tabbar{display:none}

/* кнопки, чипы */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:0;font:700 14px Manrope,system-ui,sans-serif;text-decoration:none;cursor:pointer;color:var(--ink);background:#F2F2F4}
.btn:hover{filter:brightness(.96)}
.btn-dark{background:var(--dark);color:#fff}
.btn-accent{background:var(--accent);color:#fff}
.btn-white{background:#fff;color:var(--ink)}
.btn-outline{background:transparent;border:1.5px solid var(--ink)}
.btn-ghost-dark{background:transparent;border:1.5px solid #4A4A52;color:#fff}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.chip-ok{background:var(--ok-bg);color:var(--ok-ink)}
.chip-idle,.chip-off{background:var(--idle-bg);color:var(--idle-ink)}
.chip-busy{background:var(--busy-bg);color:var(--busy-ink)}
.chip-soon{background:transparent;border:1.5px dashed #9A9AA3;color:var(--idle-ink)}
.chip-src{background:#F2F2F4;color:#4A4A52;font-weight:600}
.chip-kids{background:var(--busy-bg);color:var(--busy-ink)}

/* приветствие и период */
.hello{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;padding:8px 4px 0}
.hello h1{font-size:40px;line-height:1.1;letter-spacing:-.02em}
.hello p{margin:8px 0 0;font-size:15px}
.seg{display:flex;flex-wrap:wrap;gap:4px;background:var(--card);border-radius:999px;padding:4px}
.seg a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none}
.seg a[aria-current=true]{background:var(--dark);color:#fff}
.seg-soft{background:#F2F2F4}
.seg-soft a{min-height:36px;padding:0 14px;font-size:13px}

/* плитки */
.tiles{display:flex;flex-wrap:wrap;gap:16px}
.tile{flex:1 1 200px;min-height:160px;background:var(--card);border-radius:var(--r);padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.tile-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.tile-label{font-size:14px;font-weight:600;color:var(--muted)}
.ico{width:34px;height:34px;border-radius:999px;background:#F2F2F4;display:inline-flex;align-items:center;justify-content:center;flex:none}
.big{font-size:46px;line-height:1;font-weight:800;letter-spacing:-.03em;white-space:nowrap}
.tile-note{font-size:13px;color:var(--muted)}
.tile-accent{flex:1.3 1 260px;background:var(--accent);color:#fff}
.tile-accent .tile-label,.tile-accent .tile-note{color:#fff}
.next-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.next-title{font-size:14px;margin-top:6px}
.next-when{font-size:30px;white-space:normal}

/* карточки и разделы */
.row{display:flex;flex-wrap:wrap;gap:16px}
.card{background:var(--card);border-radius:var(--r);padding:22px;min-width:0}
.card h2{font-size:20px}
.card-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}
.sub{margin:4px 0 0;font-size:13px;color:var(--muted)}
.section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 0}
.section-head h2{font-size:22px}
.grow-2{flex:2 1 560px}
.grow-1{flex:1 1 340px}

/* каналы */
.channels{display:flex;flex-wrap:wrap;gap:16px}
.channel{flex:1 1 420px;display:flex;flex-direction:column;gap:14px}
.channel-head{display:flex;align-items:center;gap:12px}
.channel-head .logo{width:44px;height:44px;border-radius:14px}
.channel-name{font-size:18px;font-weight:800}
.platform{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--soft)}
.platform-ico{width:36px;height:36px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.platform-body{flex:1 1 160px;min-width:0}
.platform-name{font-size:15px;font-weight:700}
.platform-line{font-size:13px;color:var(--muted)}

/* график */
.chart-tools{display:flex;flex-wrap:wrap;gap:8px}
.plot{display:flex;gap:10px;margin-top:34px}
.yaxis{position:relative;width:52px;height:220px;flex:none;font-size:12px;color:var(--muted)}
.yaxis span{position:absolute;right:0;white-space:nowrap;transform:translateY(50%)}
.yaxis .t0{bottom:100%}.yaxis .t1{bottom:66.667%}.yaxis .t2{bottom:33.333%}.yaxis .t3{bottom:0}
.plot-main{flex:1;min-width:0}
.bars{position:relative;height:220px;border-bottom:1px solid #D4D4DA;display:flex;align-items:flex-end;gap:2px;padding:0 4px}
.grid{position:absolute;left:0;right:0;border-top:1px dashed #E2E2E7}
.g1{bottom:33.333%}.g2{bottom:66.667%}.g3{bottom:100%}
.bar{position:relative;flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.bar i{display:block;width:70%;max-width:30px;background:var(--accent);border-radius:4px 4px 0 0}
.bar:hover i{filter:brightness(.85)}
.bar b{position:absolute;bottom:calc(var(--h,0%) + 6px);font-size:12px;font-weight:800;white-space:nowrap}
.days{display:flex;gap:2px;padding:8px 4px 0;font-size:12px;color:var(--muted)}
.days span{flex:1;min-width:0;text-align:center}
.chart-note{margin:8px 0 0;font-size:12px;color:var(--muted);text-align:center}
.empty{padding:40px 12px;text-align:center;color:var(--muted)}

/* агенты (тёмная панель) */
.agents-panel{background:var(--dark);color:#fff;display:flex;flex-direction:column;gap:14px}
.agent-row{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:var(--dark-2);margin:0}
.agent-info{flex:1;min-width:0}
.agent-name{font-size:15px;font-weight:700}
.agent-desc{font-size:13px;color:var(--dark-muted);margin-top:2px}
.agent-status{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:#E4E4EA}
.agent-status.ok{color:#9FE0B8}
.agent-status.busy{color:#FFC3A6}
.panel-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:#fff;font-size:14px;font-weight:600;text-decoration:none}

/* ролики */
.vlist{list-style:none;margin:0;padding:0}
.vhead,.vrow{display:grid;grid-template-columns:28px minmax(220px,1fr) 76px 56px 132px 64px 56px;gap:12px;align-items:center;padding:12px 8px}
.vhead{padding-top:0;font-size:12px;font-weight:600;color:var(--muted);border-bottom:1px solid var(--line)}
.vrow{border-bottom:1px solid #F0F0F3;font-size:14px}
.num{text-align:right}
.vn{font-weight:800;color:var(--muted)}
.vtitle{display:flex;align-items:center;gap:12px;min-width:0}
.thumb{width:30px;height:50px;flex:none;border-radius:8px;background:#F4E3DA;display:flex;align-items:center;justify-content:center}
.vtitle a{display:block;font-weight:600;line-height:1.35;text-decoration:none;overflow-wrap:anywhere}
.vtitle a:hover{text-decoration:underline}
.vchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.vviews b{display:block;font-weight:800}
.share{display:block;height:4px;margin-top:6px;border-radius:4px;background:#F0F0F3;overflow:hidden}
.share i{display:block;height:4px;margin-left:auto;border-radius:4px;background:var(--accent)}
.scroll{overflow-x:auto;margin-top:16px}
.scroll>div{min-width:720px}

/* вывод аналитика */
.highlight{background:var(--accent-soft);display:flex;flex-direction:column;gap:14px}
.hl-label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700}
.hl-headline{font-size:20px;line-height:1.35;font-weight:700;overflow-wrap:anywhere}
.hl-value{font-size:56px;line-height:1;font-weight:800;letter-spacing:-.03em}
.hl-note{font-size:14px;color:#4A4A52;margin-top:6px}

/* страница агентов */
.agent-cards{display:flex;flex-wrap:wrap;gap:16px}
.agent-card{flex:1 1 380px;display:flex;flex-direction:column;gap:14px}
.agent-card h2{font-size:24px}
.agent-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.agent-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.agent-actions form{margin:0}
.hint{font-size:14px;line-height:1.5;color:var(--muted);margin:0}
.flash{padding:14px 18px;border-radius:16px;font-weight:600;background:var(--busy-bg);color:var(--busy-ink)}
.flash.ok{background:var(--ok-bg);color:var(--ok-ink)}

/* вход */
.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}
.login{width:100%;max-width:400px;background:var(--card);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:16px}
.login .brand{font-size:17px}
.login h1{font-size:28px}
.login-form{display:flex;flex-direction:column;gap:8px}
.login-form label{font-size:13px;font-weight:600;color:var(--muted);margin-top:6px}
.login-form input{min-height:48px;border:1.5px solid #D4D4DA;border-radius:14px;padding:0 14px;font:500 16px Manrope,system-ui,sans-serif;background:#fff;color:var(--ink)}
.login-form input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
.login-form .btn{margin-top:14px;min-height:48px}
.error{margin:0;padding:12px 14px;border-radius:14px;background:var(--busy-bg);color:var(--busy-ink);font-weight:600}
.note{margin:0;padding:12px 14px;border-radius:14px;background:var(--soft);font-size:14px}

:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* телефон */
@media (max-width:720px){
  .wrap{padding:16px 16px 96px;gap:14px}
  .top{border-radius:22px;padding:8px 8px 8px 12px}
  .top .nav{display:none}
  .tabbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;position:fixed;left:16px;right:16px;bottom:12px;z-index:10;padding:6px;border-radius:999px;background:var(--dark);box-shadow:0 6px 24px rgba(0,0,0,.18)}
  .tabbar a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;color:#fff;font-size:13px;font-weight:600;text-decoration:none}
  .tabbar a[aria-current=page]{background:#fff;color:var(--ink);font-weight:700}
  .hello h1{font-size:28px}
  .seg{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .seg a{justify-content:center}
  .seg-soft{display:flex;width:auto}
  .tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .tile{min-height:0;padding:16px;border-radius:22px}
  .big{font-size:30px}
  .tile-accent{grid-column:1/-1}
  .tile .ico{display:none}
  .card{padding:18px;border-radius:22px}
  .grow-2,.grow-1,.channel,.agent-card{flex-basis:100%}
  .yaxis{width:40px;height:160px}
  .bars{height:160px}
  .plot{margin-top:28px}
  .hl-value{font-size:44px}
}

/* на одобрении */
.count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:12px;font-weight:800}
.nav-short{display:none}
.tile-link{color:#fff;text-decoration:underline;text-underline-offset:3px}
.review{display:flex;flex-wrap:wrap;gap:28px}
.review-video{flex:0 0 340px;max-width:100%}
.review-video video{display:block;width:100%;aspect-ratio:9/16;max-height:640px;border-radius:20px;background:#17171A;object-fit:contain}
.review-body{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:18px}
.review-chips{display:flex;flex-wrap:wrap;gap:6px}
.review-title{font-size:26px;line-height:1.25;overflow-wrap:anywhere}
.review-desc{margin:0;font-size:15px;line-height:1.55;color:#4A4A52;white-space:pre-line;overflow-wrap:anywhere}
.review-tags{margin:0;font-size:13px;color:var(--muted)}
.review-when{padding:14px 16px;border-radius:16px;background:var(--soft)}
.review-when-time{font-size:20px;font-weight:800;margin-top:4px}
.review-main{margin:0}
.btn-big{width:100%;min-height:56px;font-size:16px;font-weight:800}
.review-more{display:flex;flex-direction:column;gap:10px}
.review-more>summary{list-style:none;align-self:flex-start}
.review-more>summary::-webkit-details-marker{display:none}
.review-more[open]>summary{background:var(--dark);color:#fff;border-color:var(--dark)}
.review-slots{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.review-slots form{margin:0}
.review-form{display:flex;flex-direction:column;gap:8px;margin:10px 0 0}
.review-form label{font-size:13px;font-weight:600;color:var(--muted)}
.review-form input,.review-form textarea{min-height:44px;border:1.5px solid #D4D4DA;border-radius:14px;padding:10px 14px;font:500 15px Manrope,system-ui,sans-serif;background:#fff;color:var(--ink);resize:vertical}
.review-form .btn{align-self:flex-start}
.review-inline{display:flex;flex-wrap:wrap;gap:8px}
.review-inline input{flex:1 1 220px}
.review-secondary{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.btn-text-danger{background:transparent;color:#8A2E08}
.btn-danger{background:#8A2E08;color:#fff}
@media (max-width:720px){
  .tabbar{grid-template-columns:repeat(4,minmax(0,1fr))}
  .tabbar a{font-size:12px}
  .tabbar a{position:relative}
  .tabbar .nav-long{display:none}
  .tabbar .nav-short{display:inline}
  .tabbar .count{position:absolute;top:2px;right:2px;margin:0;min-width:18px;height:18px;padding:0 5px;font-size:11px}
  .review{gap:16px}
  .review-video{flex-basis:100%}
  .review-video video{max-height:70vh}
  .review-title{font-size:21px}
}
.review-novideo{display:flex;align-items:center;justify-content:center;aspect-ratio:9/16;max-height:640px;padding:24px;border-radius:20px;background:var(--soft);color:var(--muted);text-align:center;font-weight:600}

/* команда агентов */
.hello-actions{display:flex;flex-wrap:wrap;gap:8px}
.team{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.team-tree{flex:1 1 520px;display:flex;flex-direction:column;gap:10px}
.team-form{flex:999 1 560px;display:flex;flex-direction:column;gap:18px}
.team-level{display:flex;flex-direction:column;gap:10px}
.team-level-title{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.team-arrow{display:flex;justify-content:center;color:var(--muted)}
.team-cards{display:flex;flex-wrap:wrap;gap:10px}
.team-card{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:18px;background:var(--soft);border:2px solid transparent;text-decoration:none}
.team-card:hover{border-color:#D4D4DA}
.team-card.selected{background:#FFF7F3;border-color:var(--accent)}
.team-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.team-card-name{font-size:16px;font-weight:800}
.team-card-chips{display:flex;flex-wrap:wrap;gap:6px}
.agent-form{display:flex;flex-direction:column;gap:18px}
.agent-form-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.agent-form-head h2{font-size:28px}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.form-grid label,.role,.schedule-time{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}
.form-grid input,.form-grid select,.role textarea,.schedule-time input{min-height:44px;border:1.5px solid #D4D4DA;border-radius:14px;padding:10px 14px;font:500 15px Manrope,system-ui,sans-serif;background:#fff;color:var(--ink)}
.role textarea{resize:vertical;line-height:1.55;min-height:220px}
.pills{display:flex;flex-wrap:wrap;gap:8px;border:0;margin:0;padding:0}
.pills legend{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:10px;padding:0}
.pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid #D4D4DA;font-size:13px;font-weight:700;cursor:pointer;background:#fff}
.pill:has(input:checked){background:var(--dark);color:#fff;border-color:var(--dark)}
.pill input{accent-color:var(--accent)}
.schedule{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;width:100%;margin-top:6px}
.days{display:flex;flex-wrap:wrap;gap:6px}
.day input{position:absolute;opacity:0;width:1px;height:1px}
.day span{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1.5px solid #D4D4DA;font-size:13px;font-weight:700;cursor:pointer;background:#fff}
.day input:checked+span{background:var(--dark);color:#fff;border-color:var(--dark)}
.day input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.switch{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px 0 8px;border-radius:999px;background:#F2F2F4;font-weight:700;font-size:14px;cursor:pointer}
.switch input{position:absolute;opacity:0;width:1px;height:1px}
.switch-ui{width:44px;height:26px;border-radius:999px;background:#C4C4CC;position:relative;transition:background .15s}
.switch-ui::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:#fff;transition:left .15s}
.switch input:checked+.switch-ui{background:var(--accent)}
.switch input:checked+.switch-ui::after{left:21px}
.switch input:focus-visible+.switch-ui{outline:2px solid var(--accent);outline-offset:2px}
.runs-title{font-size:16px;margin:0 0 10px}
.runs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.run{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--soft);font-size:14px}
.run-when{min-width:120px;font-weight:700}
.run-reason{flex:1 1 120px;color:#4A4A52}
.run-link{font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:4px}
@media (max-width:720px){
  .team-tree,.team-form{flex-basis:100%}
  .agent-form-head h2{font-size:22px}
}

/* высоты столбиков и доли роликов: инлайн-стили запрещены CSP */
.h-0 i{height:0%}.h-0{--h:0%}
.h-1 i{height:1%}.h-1{--h:1%}
.h-2 i{height:2%}.h-2{--h:2%}
.h-3 i{height:3%}.h-3{--h:3%}
.h-4 i{height:4%}.h-4{--h:4%}
.h-5 i{height:5%}.h-5{--h:5%}
.h-6 i{height:6%}.h-6{--h:6%}
.h-7 i{height:7%}.h-7{--h:7%}
.h-8 i{height:8%}.h-8{--h:8%}
.h-9 i{height:9%}.h-9{--h:9%}
.h-10 i{height:10%}.h-10{--h:10%}
.h-11 i{height:11%}.h-11{--h:11%}
.h-12 i{height:12%}.h-12{--h:12%}
.h-13 i{height:13%}.h-13{--h:13%}
.h-14 i{height:14%}.h-14{--h:14%}
.h-15 i{height:15%}.h-15{--h:15%}
.h-16 i{height:16%}.h-16{--h:16%}
.h-17 i{height:17%}.h-17{--h:17%}
.h-18 i{height:18%}.h-18{--h:18%}
.h-19 i{height:19%}.h-19{--h:19%}
.h-20 i{height:20%}.h-20{--h:20%}
.h-21 i{height:21%}.h-21{--h:21%}
.h-22 i{height:22%}.h-22{--h:22%}
.h-23 i{height:23%}.h-23{--h:23%}
.h-24 i{height:24%}.h-24{--h:24%}
.h-25 i{height:25%}.h-25{--h:25%}
.h-26 i{height:26%}.h-26{--h:26%}
.h-27 i{height:27%}.h-27{--h:27%}
.h-28 i{height:28%}.h-28{--h:28%}
.h-29 i{height:29%}.h-29{--h:29%}
.h-30 i{height:30%}.h-30{--h:30%}
.h-31 i{height:31%}.h-31{--h:31%}
.h-32 i{height:32%}.h-32{--h:32%}
.h-33 i{height:33%}.h-33{--h:33%}
.h-34 i{height:34%}.h-34{--h:34%}
.h-35 i{height:35%}.h-35{--h:35%}
.h-36 i{height:36%}.h-36{--h:36%}
.h-37 i{height:37%}.h-37{--h:37%}
.h-38 i{height:38%}.h-38{--h:38%}
.h-39 i{height:39%}.h-39{--h:39%}
.h-40 i{height:40%}.h-40{--h:40%}
.h-41 i{height:41%}.h-41{--h:41%}
.h-42 i{height:42%}.h-42{--h:42%}
.h-43 i{height:43%}.h-43{--h:43%}
.h-44 i{height:44%}.h-44{--h:44%}
.h-45 i{height:45%}.h-45{--h:45%}
.h-46 i{height:46%}.h-46{--h:46%}
.h-47 i{height:47%}.h-47{--h:47%}
.h-48 i{height:48%}.h-48{--h:48%}
.h-49 i{height:49%}.h-49{--h:49%}
.h-50 i{height:50%}.h-50{--h:50%}
.h-51 i{height:51%}.h-51{--h:51%}
.h-52 i{height:52%}.h-52{--h:52%}
.h-53 i{height:53%}.h-53{--h:53%}
.h-54 i{height:54%}.h-54{--h:54%}
.h-55 i{height:55%}.h-55{--h:55%}
.h-56 i{height:56%}.h-56{--h:56%}
.h-57 i{height:57%}.h-57{--h:57%}
.h-58 i{height:58%}.h-58{--h:58%}
.h-59 i{height:59%}.h-59{--h:59%}
.h-60 i{height:60%}.h-60{--h:60%}
.h-61 i{height:61%}.h-61{--h:61%}
.h-62 i{height:62%}.h-62{--h:62%}
.h-63 i{height:63%}.h-63{--h:63%}
.h-64 i{height:64%}.h-64{--h:64%}
.h-65 i{height:65%}.h-65{--h:65%}
.h-66 i{height:66%}.h-66{--h:66%}
.h-67 i{height:67%}.h-67{--h:67%}
.h-68 i{height:68%}.h-68{--h:68%}
.h-69 i{height:69%}.h-69{--h:69%}
.h-70 i{height:70%}.h-70{--h:70%}
.h-71 i{height:71%}.h-71{--h:71%}
.h-72 i{height:72%}.h-72{--h:72%}
.h-73 i{height:73%}.h-73{--h:73%}
.h-74 i{height:74%}.h-74{--h:74%}
.h-75 i{height:75%}.h-75{--h:75%}
.h-76 i{height:76%}.h-76{--h:76%}
.h-77 i{height:77%}.h-77{--h:77%}
.h-78 i{height:78%}.h-78{--h:78%}
.h-79 i{height:79%}.h-79{--h:79%}
.h-80 i{height:80%}.h-80{--h:80%}
.h-81 i{height:81%}.h-81{--h:81%}
.h-82 i{height:82%}.h-82{--h:82%}
.h-83 i{height:83%}.h-83{--h:83%}
.h-84 i{height:84%}.h-84{--h:84%}
.h-85 i{height:85%}.h-85{--h:85%}
.h-86 i{height:86%}.h-86{--h:86%}
.h-87 i{height:87%}.h-87{--h:87%}
.h-88 i{height:88%}.h-88{--h:88%}
.h-89 i{height:89%}.h-89{--h:89%}
.h-90 i{height:90%}.h-90{--h:90%}
.h-91 i{height:91%}.h-91{--h:91%}
.h-92 i{height:92%}.h-92{--h:92%}
.h-93 i{height:93%}.h-93{--h:93%}
.h-94 i{height:94%}.h-94{--h:94%}
.h-95 i{height:95%}.h-95{--h:95%}
.h-96 i{height:96%}.h-96{--h:96%}
.h-97 i{height:97%}.h-97{--h:97%}
.h-98 i{height:98%}.h-98{--h:98%}
.h-99 i{height:99%}.h-99{--h:99%}
.h-100 i{height:100%}.h-100{--h:100%}
.w-0{width:0%}
.w-1{width:1%}
.w-2{width:2%}
.w-3{width:3%}
.w-4{width:4%}
.w-5{width:5%}
.w-6{width:6%}
.w-7{width:7%}
.w-8{width:8%}
.w-9{width:9%}
.w-10{width:10%}
.w-11{width:11%}
.w-12{width:12%}
.w-13{width:13%}
.w-14{width:14%}
.w-15{width:15%}
.w-16{width:16%}
.w-17{width:17%}
.w-18{width:18%}
.w-19{width:19%}
.w-20{width:20%}
.w-21{width:21%}
.w-22{width:22%}
.w-23{width:23%}
.w-24{width:24%}
.w-25{width:25%}
.w-26{width:26%}
.w-27{width:27%}
.w-28{width:28%}
.w-29{width:29%}
.w-30{width:30%}
.w-31{width:31%}
.w-32{width:32%}
.w-33{width:33%}
.w-34{width:34%}
.w-35{width:35%}
.w-36{width:36%}
.w-37{width:37%}
.w-38{width:38%}
.w-39{width:39%}
.w-40{width:40%}
.w-41{width:41%}
.w-42{width:42%}
.w-43{width:43%}
.w-44{width:44%}
.w-45{width:45%}
.w-46{width:46%}
.w-47{width:47%}
.w-48{width:48%}
.w-49{width:49%}
.w-50{width:50%}
.w-51{width:51%}
.w-52{width:52%}
.w-53{width:53%}
.w-54{width:54%}
.w-55{width:55%}
.w-56{width:56%}
.w-57{width:57%}
.w-58{width:58%}
.w-59{width:59%}
.w-60{width:60%}
.w-61{width:61%}
.w-62{width:62%}
.w-63{width:63%}
.w-64{width:64%}
.w-65{width:65%}
.w-66{width:66%}
.w-67{width:67%}
.w-68{width:68%}
.w-69{width:69%}
.w-70{width:70%}
.w-71{width:71%}
.w-72{width:72%}
.w-73{width:73%}
.w-74{width:74%}
.w-75{width:75%}
.w-76{width:76%}
.w-77{width:77%}
.w-78{width:78%}
.w-79{width:79%}
.w-80{width:80%}
.w-81{width:81%}
.w-82{width:82%}
.w-83{width:83%}
.w-84{width:84%}
.w-85{width:85%}
.w-86{width:86%}
.w-87{width:87%}
.w-88{width:88%}
.w-89{width:89%}
.w-90{width:90%}
.w-91{width:91%}
.w-92{width:92%}
.w-93{width:93%}
.w-94{width:94%}
.w-95{width:95%}
.w-96{width:96%}
.w-97{width:97%}
.w-98{width:98%}
.w-99{width:99%}
.w-100{width:100%}