.keychain-personalization{display:block;margin:20px 0;color:#342b23}.keychain-personalization>label{display:block;font-weight:600;margin:16px 0 8px}.keychain-personalization p{font-size:14px;line-height:1.5;margin:6px 0 10px}.keychain-personalization>input{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid #8a7b6d;border-radius:4px;background:#fff;color:#342b23}.keychain-personalization>input[type=file]{font-size:14px}.keychain-personalization .keychain-personalization__error{color:#a12323}.keychain-personalization [hidden]{display:none!important}.keychain-personalization .keychain-backgrounds{display:block;min-width:0;margin:24px 0 0;padding:0;border:0}.keychain-backgrounds legend{float:none;width:auto;margin:0;padding:0;font-size:16px;font-weight:600;line-height:1.5}.keychain-backgrounds__selected{display:inline-block;margin-left:10px;font-size:14px;font-weight:400}.keychain-backgrounds__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;margin-top:12px}.keychain-background{position:relative;min-width:0}.keychain-background__radio{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0}.keychain-personalization .keychain-background__card{display:flex;flex-direction:column;align-items:center;gap:6px;box-sizing:border-box;height:100%;margin:0;padding:4px;border:2px solid #d6cbc0;border-radius:6px;background:#fff;color:#342b23;cursor:pointer;transition:border-color .12s ease}.keychain-background__image{position:relative;display:block;width:100%}.keychain-background__image img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:2px;object-fit:cover}.keychain-background__name{font-size:12px;font-weight:500;line-height:1.4}.keychain-background__check{display:none;position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#342b23;color:#fff!important;font-size:14px;line-height:20px;text-align:center}.keychain-background__card:hover{border-color:#875f38}.keychain-background__radio:checked+.keychain-background__card{border-color:#342b23;background:#f5eee6}.keychain-background__radio:checked+.keychain-background__card .keychain-background__check{display:block}.keychain-background__radio:focus-visible+.keychain-background__card{outline:2px solid #875f38;outline-offset:3px}.keychain-background-preview{margin-top:12px}.keychain-personalization .keychain-preview-link{display:block;margin:12px 0 0;padding:4px 0;border:0;background:transparent!important;color:#342b23!important;text-decoration:underline;font-size:14px;font-weight:600;text-align:left;cursor:pointer}.keychain-background-preview summary{width:fit-content;padding:4px 0;font-size:14px;cursor:pointer}.keychain-background-preview figure{margin:12px 0 0}.keychain-background-preview img{display:block;width:160px;height:240px;border-radius:6px;object-fit:cover}.keychain-background-preview figcaption{margin-top:6px;font-size:13px}@media(max-width:749px){.keychain-backgrounds__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}.product_detail_img.has-keychain-live-preview>.pro-slider,.product_detail_img.has-keychain-live-preview>.product_img_top{display:none!important}.product_detail_img.has-keychain-live-preview{display:block!important}.keychain-live-preview{width:100%;min-width:0}.keychain-live-preview[hidden]{display:none!important}.keychain-live-preview .keychain-preview__open{display:block;position:relative;width:100%;height:auto;margin:0;padding:0;overflow:hidden;border:0;border-radius:10px;background:#e2e1df!important;box-shadow:none;cursor:zoom-in}.keychain-preview__open canvas{display:block;width:100%;height:auto;aspect-ratio:1}.keychain-live-preview .keychain-preview__zoom-hint{position:absolute;right:12px;bottom:12px;padding:6px 10px;border-radius:4px;background:#fff;color:#342b23!important;font-size:12px}.keychain-preview__selection{margin:10px 0;color:#342b23;font-size:14px;font-weight:600}.keychain-preview__shapes{display:flex;gap:12px}.keychain-live-preview .keychain-preview__shape{display:block;width:100px;margin:0;padding:0 0 6px;overflow:hidden;border:2px solid #d6cbc0;border-radius:6px;background:#fff!important;color:#342b23!important;font-size:12px;line-height:1.5;text-transform:none;cursor:pointer}.keychain-preview__shape canvas{display:block;width:100%;height:auto;margin-bottom:5px}.keychain-live-preview .keychain-preview__shape[aria-pressed=true]{border-color:#342b23}.keychain-preview__shape:focus-visible,.keychain-preview__open:focus-visible{outline:2px solid #875f38;outline-offset:3px}.keychain-preview__note,.keychain-preview__status{margin:12px 0 0;font-size:13px;line-height:1.5;color:#554537}.keychain-preview__status[hidden]{display:none}.keychain-preview__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:min(88vw,86vh,960px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:12px;overflow:auto;border:0;border-radius:10px;background:#faf8f4;color:#342b23}.keychain-preview__dialog::backdrop{background:#000000a6}.keychain-preview__dialog canvas{display:block;width:100%;height:auto}.keychain-preview__dialog p{margin:8px 0 0;font-size:14px}.keychain-live-preview .keychain-preview__close{position:absolute;top:16px;right:16px;width:36px;height:36px;padding:0;border:1px solid #d6cbc0;border-radius:50%;background:#fff!important;color:#342b23!important;font-size:28px;line-height:30px;cursor:pointer}.keychain-live-preview.keychain-preview--error:not([data-render-version])>:not(.keychain-preview__status){display:none}@media(max-width:749px){.keychain-preview__shapes{gap:8px}.keychain-live-preview .keychain-preview__shape{width:82px}.keychain-preview__dialog{width:calc(100vw - 24px)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/keychain-personalization.css.map */