html{color-scheme:light}body{margin:0;background:#fff;color:#000;font:11px/1.4 Arial,Helvetica,sans-serif}.classic{position:relative;width:350px;max-width:calc(100% - 24px);margin:190px auto 0;background:#fff;border:1px solid #6a6a6a}.classic-head{height:24px;line-height:24px;text-align:center;font-weight:700;color:#7a7a7a;background:linear-gradient(#f4f4f4,#cdcdcd);border-bottom:1px solid #b4b4b4}.classic-key{position:absolute;left:6px;top:-12px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;background:radial-gradient(circle at 35% 30%,#fff,#d7dce6 70%);border:1px solid #b5bac6;box-shadow:0 1px 3px #0000004d}.classic-body{padding:22px 20px 20px}.classic-row{display:grid;grid-template-columns:1fr 154px;gap:6px;align-items:center;margin-bottom:4px}.classic-row label{text-align:right;color:#000;display:block;font-size:11px}.classic-row input{width:100%;height:20px;padding:1px 3px;font:11px Arial,Helvetica,sans-serif;color:#000;background:#fff;border:1px solid #767676;border-radius:0;box-sizing:border-box}.classic-row input:focus-visible{outline:2px solid #3b6fd4;outline-offset:0}.classic-btn{display:block;margin:16px auto 0;padding:2px 10px;font:700 11px Arial,Helvetica,sans-serif;color:#000;background:linear-gradient(#f6f6f6,#dcdcdc);border:1px solid #707070;border-radius:3px;cursor:pointer}.classic-btn:hover{background:linear-gradient(#fff,#e6e6e6)}.classic-btn:disabled{opacity:.6;cursor:default}.classic-err{min-height:14px;margin-top:6px;text-align:center;color:#c00000;font-size:11px}