.ot-ca{box-sizing:border-box;width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid #e7e9ed;border-radius:14px;background:#fff;color:#283242;box-shadow:0 16px 55px #18263b24;font:400 14px/1.65 Cairo,sans-serif;overflow:auto;inset:0}
.ot-ca::backdrop{background:#26324666}.ot-ca *{box-sizing:border-box}.ot-ca form{margin:0}.ot-ca header{display:flex;align-items:center;justify-content:space-between;gap:16px}.ot-ca h2{font:700 19px/1.6 Cairo,sans-serif;margin:0}.ot-ca button{font:600 14px/1.6 Cairo,sans-serif;cursor:pointer}.ot-ca button:focus-visible{outline:2px solid #334c69;outline-offset:3px}.ot-ca .ot-ca-close{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:0;width:30px;height:30px;border-radius:5px}.ot-ca-icon{width:20px;height:20px;flex:none}.ot-ca-identity{padding:28px 0 24px;border-bottom:1px solid #e7e9ed;text-align:center}.ot-ca-domain{display:flex;align-items:center;justify-content:center;gap:14px}.ot-ca-domain .ot-ca-icon{width:32px;height:32px}.ot-ca-domain h3{margin:0;min-width:0;font:700 26px/1.45 Cairo,sans-serif;overflow-wrap:anywhere}.ot-ca-meta{display:flex;align-items:center;justify-content:center;gap:0;margin-top:8px;color:#677182;font-size:13px;line-height:24px}.ot-ca-meta bdi{padding:0 16px;white-space:nowrap}.ot-ca-meta bdi+bdi{border-left:1px solid #dce0e6}.ot-ca-meta .ot-ca-server{max-width:170px;overflow:hidden;text-overflow:ellipsis}.ot-ca-policy{margin:16px 0 0;text-align:center;font-size:12px;color:#667080;line-height:20px}.ot-ca-one-line{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.ot-ca-one-line .ot-ca-icon{width:16px;height:16px}.ot-ca-warning{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 0;padding:10px 12px;border-radius:8px;background:#fdf0ef;color:#ac493c;font-size:13px;text-align:center;line-height:1.75}.ot-ca-warning .ot-ca-icon{width:25px;height:25px}.ot-ca-warning+.ot-ca-policy{margin-top:12px}.ot-ca footer{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.ot-ca footer button{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;min-width:0;border:1px solid #9ba2af;border-radius:6px;background:transparent;color:#465163;padding:8px 12px}.ot-ca footer .ot-ca-primary{border-color:#aa4d26;color:#a84d23}.ot-ca-suspend footer .ot-ca-primary{border-color:#b34e3d;color:#ab493a}.ot-ca footer button:hover:not(:disabled){background:#f7f8fa}.ot-ca button:disabled{opacity:.5;cursor:not-allowed}.ot-ca-factor{margin-top:14px}.ot-ca-factor label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#566174;font:400 12px Cairo,sans-serif}.ot-ca-factor input{width:140px;height:38px;border:1px solid #d7dce3;border-radius:5px;padding:6px 10px;font:400 15px Cairo,sans-serif;letter-spacing:3px;box-shadow:none}.ot-ca-error{color:#a83228;background:#fdf2f0;padding:8px 12px;margin:12px 0 0;border-radius:6px;font-size:13px;overflow-wrap:anywhere}
.ot-ca h2:focus{outline:none}
@media(max-width:520px){.ot-ca{padding:20px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.ot-ca h2{font-size:17px}.ot-ca-domain h3{font-size:22px}.ot-ca-domain .ot-ca-icon{width:27px;height:27px}.ot-ca-meta{font-size:11px}.ot-ca-meta bdi{padding:0 10px}.ot-ca-identity{padding:24px 0 20px}.ot-ca-meta .ot-ca-server{max-width:105px}.ot-ca footer{gap:10px;margin-top:18px}.ot-ca footer button{font-size:12px;padding:8px 6px;gap:5px}.ot-ca-one-line{font-size:10.5px;gap:5px}.ot-ca-one-line .ot-ca-icon{width:13px;height:13px}.ot-ca-warning{font-size:12px;padding:10px;gap:8px}.ot-ca-factor label{flex-wrap:wrap}.ot-ca-domain{gap:10px}}
@media(max-width:360px){.ot-ca{padding:16px}.ot-ca-one-line{font-size:9.5px;gap:4px}.ot-ca-meta bdi{padding:0 7px}.ot-ca footer button{font-size:11px}}