:root{--dialpad-display--password:#00ff14;--dialpad-display--success:#00ff14;--dialpad-display--error:#f85032;--dialpad-display--max-attempts:#f85032}body,html{min-height:100vh}body{background:url("img/h_bg.png") center repeat-x,url("img/bg.jpg");display:flex;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif}.d-block{display:block!important}.dialpad{display:grid;gap:1rem;margin:42px;padding:16px;background:linear-gradient(135deg,#f5f6f6 0,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%);border:1px solid #949494;border-radius:5px;box-shadow:0 0 33px rgba(0,0,0,.59)}.dialpad-display{align-items:center;background:linear-gradient(to bottom,#aebcbf 0,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);border:1px solid #6b6b6b;border-radius:5px;color:#fff;display:flex;font-size:2.625rem;height:64px;justify-content:center;padding:.5rem;position:relative;text-align:center}.dialpad-display--success{color:var(--dialpad-display--success)}.dialpad-display--error{color:var(--dialpad-display--error)}.dialpad-display--max-attempts{color:var(--dialpad-display--max-attempts)}.dialpad-display__password{background-color:transparent;border:none;color:var(--dialpad-display--password);display:none;min-width:100%;padding:0;pointer-events:none;text-align:center;width:0}.dialpad-display__text{display:none;left:0;overflow:hidden;position:absolute;right:0;text-overflow:ellipsis;white-space:nowrap}.dialpad-numbers{display:grid;gap:1rem;grid-template-columns:auto auto auto;justify-items:center}.dialpad-digit{background:linear-gradient(to bottom,#fff 0,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);border:1px solid #686868;border-radius:4px;box-shadow:1px 1px 4px #696969;font-size:2rem;height:82px;transition:box-shadow .5s ease-in-out;width:82px}.dialpad-digit--active,.dialpad-digit:active{box-shadow:inset 1px 1px 4px #464545}button[type=reset]{background:linear-gradient(to bottom,#f85032 0,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);color:#fff}button[type=submit]{background:linear-gradient(to bottom,#9dd53a 0,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);color:#fff}