.calc-lock{--u: min(100vw, 430px);position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000;color:#fff;display:flex;justify-content:center;font-family:-apple-system,SF Pro Display,SF Pro Text,system-ui,Helvetica Neue,sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none}.calc-lock__frame{position:relative;width:var(--u);height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:env(safe-area-inset-top) 0 calc(env(safe-area-inset-bottom) + var(--u) * .058);box-sizing:border-box}.calc-lock__top{position:absolute;top:max(calc(env(safe-area-inset-top) - var(--u) * .009),calc(var(--u) * .141));left:calc(var(--u) * .049);right:calc(var(--u) * .049);display:flex;justify-content:space-between}.calc-lock__top-btn{width:calc(var(--u) * .1);height:calc(var(--u) * .1);border-radius:9999px;border:1px solid rgba(255,255,255,.07);background:#121212;color:#fff;display:flex;align-items:center;justify-content:center;padding:0}.calc-lock__top-btn svg{width:52%;height:52%}.calc-lock__display{padding:calc(var(--u) * .02) calc(var(--u) * .039);margin-bottom:calc(var(--u) * .058 - var(--u) * .02);text-box:trim-both cap alphabetic;text-align:right;font-weight:300;line-height:1;white-space:nowrap;overflow:hidden;font-variant-numeric:lining-nums}.calc-lock__keys{display:grid;grid-template-columns:repeat(4,1fr);column-gap:calc(var(--u) * .0178);row-gap:calc(var(--u) * .0178);padding:0 calc(var(--u) * .0366)}.calc-lock__key{aspect-ratio:1.04;border:0;border-radius:9999px;padding:0;display:flex;align-items:center;justify-content:center;color:#fff;font:inherit;font-size:calc(var(--u) * .091);font-weight:400;line-height:1;transition:background-color .35s ease-out}.calc-lock__key:active,.calc-lock__key[data-pressed=true]{transition:none}.calc-lock__key--digit{background:#343434}.calc-lock__key--digit[data-pressed=true]{background:#737373}.calc-lock__key--fn{background:#5e5e5e}.calc-lock__key--fn[data-pressed=true]{background:#a5a5a5}.calc-lock__key--op{background:#ff9201}.calc-lock__key--op[data-pressed=true]{background:#fcc78d}.calc-lock__key--op[data-selected=true]{background:#fff;color:#ff9201}.calc-lock__label{text-box:trim-both cap alphabetic}.calc-lock__key svg{flex:none}@supports not (text-box: trim-both cap alphabetic){.calc-lock__display{padding-top:0;padding-bottom:0;margin-bottom:calc(var(--u) * .058 - .145em)}.calc-lock__label{position:relative;top:.02em}}