.nky-perso{container-type:inline-size;display:grid;gap:20px;margin:18px 0 8px;padding:18px 16px;background:#f4efe7;border-radius:18px;color:#1b1510}.nky-perso [hidden]{display:none!important}.nky-perso__titre{margin:0;font-family:var(--font-heading-family);font-weight:800;font-size:20px;line-height:1.15;letter-spacing:-.01em}.nky-perso__etape{display:grid;gap:10px;min-width:0;margin:0;padding:0;border:0}.nky-perso__legende{display:flex;align-items:center;gap:9px;width:100%;padding:0;font:700 15px/1.3 var(--font-body-family);color:#1b1510}.nky-perso__num{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--pa, #9C663C);color:var(--pa-on, #FBF9F5);font-size:12px;font-weight:800;line-height:1}.nky-perso__facultatif{font-weight:400;color:#715f51}.nky-perso__compteur{margin-left:auto;font-size:13px;font-weight:700;color:#715f51;font-variant-numeric:tabular-nums}.nky-perso__modeles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.nky-perso__modele{position:relative;display:grid;align-content:start;gap:1px;padding:5px 5px 8px;background:#fbf9f5;border:1.5px solid #E6DFD3;border-radius:14px;text-align:center;cursor:pointer;transition:border-color .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}.nky-perso__modele:hover{border-color:#cdbfae}.nky-perso__radio{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.nky-perso__vignette{display:block;aspect-ratio:4 / 3;margin-bottom:5px;border-radius:9px;overflow:hidden;background:#fff}.nky-perso__vignette:empty{display:block;background:#e6dfd3}.nky-perso__vignette img{display:block;width:100%;height:100%;object-fit:contain}.nky-perso__nom{font-size:13px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.nky-perso__compte{font-size:12px;line-height:1.3;color:#715f51}.nky-perso__modele:has(.nky-perso__radio:checked){border-color:#1b1510;box-shadow:0 0 0 1px #1b1510,0 8px 18px #1b15101a}.nky-perso__modele:has(.nky-perso__radio:checked):after{content:"";position:absolute;top:9px;right:9px;width:20px;height:20px;border-radius:50%;background:var(--pa, #9C663C) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FBF9F5' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat;box-shadow:0 0 0 2px #fff}.nky-perso__modele:has(.nky-perso__radio:focus-visible){outline:2px solid var(--pa, #9C663C);outline-offset:3px}.nky-perso__zone{position:relative;display:grid;justify-items:center;gap:3px;padding:18px 14px 16px;background:#fbf9f5;border:1.5px dashed #CDBFAE;border-radius:14px;text-align:center;cursor:pointer;transition:border-color .2s cubic-bezier(.22,1,.36,1),background-color .2s cubic-bezier(.22,1,.36,1)}.nky-perso__zone:hover,.nky-perso__zone.is-survol{border-color:var(--pa, #9C663C);background:var(--pa-soft, #F3ECE5)}.nky-perso__fichier{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.nky-perso__zone:has(.nky-perso__fichier:focus-visible){outline:2px solid var(--pa, #9C663C);outline-offset:3px}.nky-perso__zone-icone{display:grid;place-items:center;width:42px;height:42px;margin-bottom:5px;border-radius:13px;background:var(--pa-soft, #F3ECE5);color:var(--pa-ink, #7A4E2B)}.nky-perso__zone-titre{font-size:15px;font-weight:700;line-height:1.25}.nky-perso__aide{font-size:12.5px;line-height:1.35;color:#715f51}.nky-perso__grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.nky-perso__grille:empty{display:none}.nky-perso:not(.is-collage) .nky-perso__grille{grid-template-columns:96px}.nky-perso__photo{position:relative;aspect-ratio:1;border-radius:11px;overflow:hidden;background:#e6dfd3;box-shadow:0 0 0 1px #1b15100f;animation:nky-perso-entree .36s cubic-bezier(.22,1,.36,1) both}.nky-perso__photo img{display:block;width:100%;height:100%;object-fit:cover}.nky-perso__photo.is-petite{box-shadow:0 0 0 2px var(--pa, #9C663C)}.nky-perso__retirer{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#1b1510bd;color:#fbf9f5;cursor:pointer}.nky-perso__retirer:hover{background:#1b1510}.nky-perso__retirer:focus-visible{outline:2px solid #FBF9F5;outline-offset:-4px}.nky-perso__alerte{display:flex;align-items:flex-start;gap:8px;margin:0;padding:9px 11px;border-radius:11px;background:#fbf9f5;font-size:13px;line-height:1.4;color:#31271f}.nky-perso__alerte svg{flex:none;margin-top:1px;color:var(--pa-ink, #7A4E2B)}.nky-perso__erreur{margin:0;font-size:13.5px;font-weight:700;line-height:1.35;color:#e63946}.nky-perso.is-manque .nky-perso__zone{border-color:#e63946;background:#fdf2f1}.nky-perso__champ{position:relative}.nky-perso__champ input{width:100%;height:48px;padding:0 60px 0 14px;border:1.5px solid #E6DFD3;border-radius:12px;background:#fbf9f5;font:400 16px var(--font-body-family);color:#1b1510;box-shadow:none;transition:border-color .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}.nky-perso__champ input::placeholder{color:#a39383}.nky-perso__champ input:focus{outline:none;border-color:#1b1510;box-shadow:0 0 0 3px var(--pa-soft, #F3ECE5)}.nky-perso__reste{position:absolute;top:50%;right:13px;transform:translateY(-50%);font-size:12px;color:#715f51;font-variant-numeric:tabular-nums;pointer-events:none}@keyframes nky-perso-entree{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@container (max-width: 300px){.nky-perso__modeles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.nky-perso *,.nky-perso{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/nky-perso.css.map */