.keychain-preview{background:#e6f3f8;border-radius:14px;min-height:255px;display:grid;place-items:center;padding:1.25rem;text-align:center}.keychain-preview p{grid-column:1/-1;margin:.8rem 0 0;color:var(--muted);font-size:.9rem}.keychain-preview .keychain{min-width:190px;min-height:120px;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:1.1rem 1.35rem;border-radius:18px 18px 42px 42px;color:#fff;font-weight:800;box-shadow:0 8px 0 rgba(0,0,0,.12);position:relative}.keychain-preview .keychain:before{content:"";position:absolute;width:18px;height:18px;border:5px solid #fff;border-radius:50%;left:calc(50% - 14px);top:8px}.keychain-preview [data-preview-icon]{font-size:1.3em;line-height:1}.keychain-preview [data-preview-variant]{position:absolute;right:18px;bottom:18px;font-size:.8em}.dark .keychain-preview{background:#103a5a}