/* Generated from studio_components.AUTH_REFERENCE. */
html body .client-access-dialog .client-access-code-field{--code-cell:clamp(30px,9vw,52px);position:relative;display:grid;width:calc(6 * var(--code-cell) + 40px);max-width:100%;overflow:clip;border-radius:0}
html body .client-access-dialog .client-access-code-field .studio-code-boxes{position:absolute;inset:auto 0 0;height:56px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;pointer-events:none}
html body .client-access-dialog .client-access-code-field .studio-code-boxes>span{border:1px solid #363636;border-radius:12px;background:#171717;transition:border-color .2s}
html body .client-access-dialog .client-access-code-field:focus-within .studio-code-boxes>span{border-color:#999}
html body .client-access-dialog .client-access-code-field input[type=text]:not([type=hidden]){position:relative;display:block;width:calc(100% + var(--code-cell));max-width:none;height:56px;padding:0 0 0 calc((var(--code-cell) - 1ch)/2);border:0;border-radius:0;background:transparent;box-shadow:none;font-family:monospace;font-weight:400;font-size:24px!important;line-height:56px;letter-spacing:calc(var(--code-cell) + 8px - 1ch);min-height:56px;outline:none;outline-offset:4px;caret-color:transparent;box-sizing:border-box;font-variant-numeric:tabular-nums}