.locksmith-passcode-container{max-width:min(90vw,500px);margin:4rem auto;padding:2.5rem;background:rgb(var(--background));border:1px solid rgb(var(--border-color) / .15);border-radius:var(--input-border-radius, 8px);box-shadow:0 2px 8px rgb(var(--text-color) / .04)}#locksmith-passcode-form{display:flex;flex-direction:column;gap:1.5rem}#locksmith-passcode-form p{margin:0}#locksmith-passcode-form label{display:block;font-size:var(--text-base);font-weight:500;color:rgb(var(--text-color));margin-bottom:.75rem;letter-spacing:.01em}.locksmith-passcode.field{-webkit-appearance:none;appearance:none;width:100%;padding:var(--input-padding-block, .75rem) var(--input-padding-inline, 1rem);border-radius:var(--input-border-radius, 4px);background:rgb(var(--input-background, var(--background)));color:rgb(var(--input-text-color, var(--text-color)));border:1px solid rgb(var(--border-color));font-size:16px;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:0 1px 2px rgb(var(--text-color) / .04)}.locksmith-passcode.field::placeholder{color:rgb(var(--input-text-color, var(--text-color)) / .5)}.locksmith-passcode.field:focus{border-color:rgb(var(--text-color));outline:none;box-shadow:0 0 0 3px rgb(var(--text-color) / .1)}.locksmith-passcode.field.failed{border-color:#d9534f!important;box-shadow:0 0 0 3px #d9534f26!important;animation:shake .5s ease-in-out}#locksmith_passcode_submit{-webkit-appearance:none;appearance:none;width:100%;text-transform:var(--button-text-transform, uppercase);font:var(--button-font);letter-spacing:var(--button-letter-spacing, .05em);text-align:center;cursor:pointer;color:rgb(var(--button-text-color));background:rgb(var(--button-background));border:1px solid rgb(var(--button-background));border-radius:var(--button-border-radius, 4px);padding:.75rem 1.75rem;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative}#locksmith_passcode_submit:hover:not([disabled]){transform:translateY(-1px);box-shadow:0 4px 12px rgb(var(--button-background) / .3)}#locksmith_passcode_submit:active:not([disabled]){transform:translateY(0)}#locksmith_passcode_submit[disabled]{opacity:.6;cursor:not-allowed}#locksmith_passcode_submit span{border:0!important;margin:0!important;padding:0!important;background:transparent!important}#locksmith_passcode_submit .default,#locksmith_passcode_submit[disabled] .loading{display:inline!important}#locksmith_passcode_submit .loading,#locksmith_passcode_submit[disabled] .default{display:none!important}#locksmith_passcode_submit[disabled] .loading:after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.locksmith-passcode-container .or-cancel{margin-left:10px;color:rgb(var(--text-color) / .7);text-decoration:underline;transition:color .2s ease}.locksmith-passcode-container .or-cancel:hover{color:rgb(var(--text-color))}@media screen and (max-width: 699px){.locksmith-passcode-container{margin:2rem auto;padding:1.5rem;max-width:min(95vw,500px)}#locksmith-passcode-form{gap:1.25rem}#locksmith_passcode_submit{padding:.875rem 1.5rem}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}@keyframes spin{to{transform:rotate(360deg)}}#locksmith-content.shopify-section{padding:3rem 0}#locksmith-content .section.spacing-style{padding:0}@media (prefers-color-scheme: dark){.locksmith-passcode-container{box-shadow:0 2px 12px #0003}}@media (prefers-contrast: high){.locksmith-passcode.field,#locksmith_passcode_submit{border-width:2px}}@media (prefers-reduced-motion: reduce){.locksmith-passcode.field,#locksmith_passcode_submit,.locksmith-passcode-container .or-cancel{transition:none}.locksmith-passcode.field.failed{animation:none}#locksmith_passcode_submit[disabled] .loading:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/locksmith-custom.css.map */