/*vr-theme-vrweb/assets/concentracao.css*/
.div-conteudo-pagina-concentracao{background:#0b0f17;color:#e8edf5;min-height:80vh;display:flex;flex-direction:column;align-items:center;padding:24px 0 40px;font-family:system-ui,Segoe UI,Roboto,sans-serif}
.div-conteudo-pagina-concentracao *{box-sizing:border-box}
.div-conteudo-pagina-concentracao *:focus{outline:none}
.div-concentracao-titulo{font-size:22px;margin:0 0 4px;color:#e8edf5}
.div-concentracao-subtitulo{font-size:13px;color:#8d98aa;margin:0 12px 14px;text-align:center}
.div-concentracao-config{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:min(94vw,420px);margin:0 12px 14px}
.div-concentracao-config .div-concentracao-botao{grid-column:1/-1}
.div-concentracao-campo{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#8d98aa}
.div-concentracao-campo input,.div-concentracao-select{background:#151b28;color:#e8edf5;border:2px solid #232c3d;border-radius:8px;height:38px;padding:0 10px;font-size:15px;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;cursor:pointer;font-family:inherit}
.div-concentracao-campo input{cursor:text}
.div-concentracao-campo input:focus,.div-concentracao-select:focus,.div-concentracao-caixa input:focus{border-color:#0A7ACB}
.div-concentracao-botao{background:#0A7ACB;color:#fff;border:0;border-radius:8px;height:38px;padding:0 18px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}
.div-concentracao-botao:disabled{opacity:.5;cursor:default}
.div-concentracao-botao-sec{background:#232c3d;color:#cfd7e6;height:32px;padding:0 12px;font-size:13px}
.div-concentracao-timer{font-size:28px;font-weight:700;height:36px;font-variant-numeric:tabular-nums;margin-bottom:6px}
.div-concentracao-parar{display:none;background:none;border:0;color:#cfd7e6;font-size:26px;cursor:pointer;padding:0;line-height:1}
.div-conteudo-pagina-concentracao.rodando .div-concentracao-timer{position:fixed;top:14px;left:0;right:0;text-align:center;z-index:100001;margin:0;pointer-events:none}
.div-conteudo-pagina-concentracao.rodando .div-concentracao-parar{display:block;position:fixed;top:16px;right:18px;z-index:100002}
.div-conteudo-pagina-concentracao.rodando .div-concentracao-area{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;height:auto;border-radius:0;z-index:100000;background:#0b0f17}
.div-concentracao-area{position:relative;width:min(94vw,66vh);height:min(94vw,66vh);border-radius:14px;background:#0f1522;overflow:hidden}
.div-concentracao-numero{position:absolute;transform:translate(-50%,-50%);font-weight:700;color:#f2f5fa;user-select:none;line-height:1}
.div-concentracao-numero-um{color:#ff2a2a;text-shadow:0 0 8px #ff2a2a88}
.div-concentracao-anel{position:absolute;border-radius:50%;border:1px solid #ffffff12}
.div-concentracao-vazio{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#5d687c;font-size:15px;text-align:center;padding:20px}
.div-concentracao-historico{width:min(94vw,520px);margin:22px 0 0}
.div-concentracao-historico h2{font-size:15px;margin:0 0 8px;display:flex;justify-content:space-between;align-items:center;color:#e8edf5}
.div-concentracao-linha{display:flex;justify-content:space-between;gap:8px;background:#151b28;border-radius:8px;padding:9px 12px;margin-bottom:6px;font-size:14px}
.div-concentracao-linha span:last-child{font-weight:700;color:#4db3ff;white-space:nowrap}
.div-concentracao-linha small{color:#8d98aa;display:block;font-size:12px}
.div-concentracao-fundo{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:none;align-items:center;justify-content:center;z-index:100000;padding:16px}
.div-concentracao-fundo.ativo{display:flex}
.div-concentracao-caixa{background:#151b28;border-radius:14px;padding:18px;width:min(92vw,340px);color:#e8edf5}
.div-concentracao-caixa h3{margin:0 0 12px;font-size:17px;color:#e8edf5}
.div-concentracao-opcao{display:flex;align-items:center;gap:10px;padding:11px 6px;cursor:pointer;font-size:15px;border-radius:8px}
.div-concentracao-opcao i{width:18px;height:18px;border-radius:50%;border:2px solid #5d687c;display:inline-block;position:relative;flex:none}
.div-concentracao-opcao.marcada i{border-color:#0A7ACB}
.div-concentracao-opcao.marcada i:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:#0A7ACB}
.div-concentracao-caixa input{width:100%;height:46px;font-size:22px;text-align:center;background:#0f1522;color:#fff;border:2px solid #232c3d;border-radius:8px;margin-bottom:12px;font-family:inherit}
.div-concentracao-caixa .div-concentracao-botao{width:100%}