.keychain-custom-fields{margin:18px 0}html.keychain-product-page #product-info{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;transform:none!important}html.keychain-product-page .product-overview:has(#product-info){align-self:start!important}html.keychain-product-page .pin-spacer:has(>#product-info){height:auto!important;min-height:0!important;padding:0!important}.keychain-custom-fields__heading,.keychain-preview h3{margin-bottom:6px}.keychain-custom-fields__intro,.keychain-field__help{opacity:.76}.keychain-field{margin:16px 0}.keychain-base-color{margin:18px 0;padding:0;border:0}.keychain-base-color legend{margin-bottom:5px;font-weight:700}.keychain-base-color__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:11px}.keychain-base-color__option{display:flex;align-items:center;gap:10px;min-height:54px;padding:11px 13px;border:2px solid rgba(255,255,255,.22);border-radius:12px;cursor:pointer}.keychain-base-color__option:has(input:checked){border-color:#7ee8ff;box-shadow:0 0 0 3px #7ee8ff24}.keychain-base-color__option input{margin:0}.keychain-base-color__swatch{width:27px;height:27px;border:1px solid rgba(255,255,255,.45);border-radius:50%;box-shadow:inset 0 0 0 2px #00000021}.keychain-base-color__option--black .keychain-base-color__swatch{background:#111}.keychain-base-color__option--white .keychain-base-color__swatch{background:#fff;border-color:#00000040}.keychain-field label,.keychain-field input,.keychain-field select,.keychain-field textarea{display:block;width:100%}.keychain-field label{margin-bottom:7px;font-weight:700}.keychain-field input,.keychain-field select,.keychain-field textarea{padding:12px 14px;border:1px solid rgba(0,0,0,.2);border-radius:10px;background:#fff;color:#111}.keychain-checkbox-field{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;margin:14px 0}.keychain-checkbox-field input{margin-top:4px}.keychain-nfc-fields,.keychain-approval{margin-top:18px;padding:16px;border:1px solid rgba(0,0,0,.13);border-radius:12px}.keychain-preview[hidden],.keychain-preview [hidden]{display:none!important}.keychain-preview{margin:22px 0;padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:radial-gradient(circle at 50% 5%,rgba(96,220,255,.13),transparent 38%),linear-gradient(145deg,#111922,#070a0f 72%);color:#fff;box-shadow:0 18px 45px #00000057}.keychain-preview__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.keychain-preview__eyebrow{margin:0;color:#7ee8ff;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.keychain-preview__status{flex:0 0 auto;padding:6px 9px;border:1px solid rgba(126,232,255,.38);border-radius:999px;background:#7ee8ff1a;color:#aef1ff;font-size:11px;font-weight:750;text-transform:uppercase}.keychain-preview[data-state=ready] .keychain-preview__status{border-color:#4fde897a;background:#4fde891f;color:#8ff0b7}.keychain-preview[data-state=warning] .keychain-preview__status,.keychain-preview[data-state=manual_review] .keychain-preview__status,.keychain-preview[data-state=failed] .keychain-preview__status{border-color:#ffbe5c7a;background:#ffa9331f;color:#ffd38a}.keychain-preview__progress{display:flex;align-items:center;gap:14px;margin:22px 0 8px;padding:18px;border-radius:14px;background:#ffffff0f}.keychain-preview__progress p{margin:4px 0 0;color:#ffffffb3}.keychain-preview__spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.2);border-top-color:#7ee8ff;border-radius:50%;animation:keychain-spin .8s linear infinite}@keyframes keychain-spin{to{transform:rotate(360deg)}}.keychain-preview__result{margin:20px auto 8px;text-align:center}.keychain-preview__result a,.keychain-preview__result img{display:block}.keychain-preview__result img{width:min(100%,520px);max-height:520px;margin:0 auto;object-fit:contain;border-radius:14px;background:#eef2f4}.keychain-preview__filename{margin:10px 0 0;color:#ffffffb8;font-size:13px;word-break:break-word}.keychain-preview__message,.keychain-preview__warnings,.keychain-preview__approval{margin:16px 0 0;padding:15px;border:1px solid rgba(255,190,92,.42);border-radius:12px;background:#ffa9331a}.keychain-preview__warnings ul{margin:8px 0 0;padding-left:20px}.keychain-preview__approval{border-color:#7ee8ff47;background:#7ee8ff14}.keychain-preview__notice,.keychain-preview__noscript{margin:13px 0 0;color:#fff9;font-size:12px;line-height:1.5}@media(max-width:600px){.keychain-preview{padding:16px;border-radius:15px}.keychain-preview__header{flex-direction:column;gap:8px}.keychain-base-color__options{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/keychain-upload.css.map */