.dfa-encoches{--encoche-lueur: var(--color-nock-vert);--encoche-glow: var(--glow-nock-vert);background:var(--bg-secondary);padding-block:var(--space-section);overflow:hidden}.dfa-encoches:has(.dfa-encoches__swatch--rouge input:checked){--encoche-lueur: var(--color-nock-rouge);--encoche-glow: var(--glow-nock-rouge)}.dfa-encoches:has(.dfa-encoches__swatch--bleu input:checked){--encoche-lueur: var(--color-nock-bleu);--encoche-glow: var(--glow-nock-bleu)}.dfa-encoches__grille{display:grid;gap:var(--space-12);align-items:center}@media(min-width:990px){.dfa-encoches__grille{grid-template-columns:1fr 1fr;gap:var(--space-16)}}.dfa-encoches__visuel{position:relative;aspect-ratio:4 / 3;border-radius:var(--radius-lg);background:var(--color-noir);border:1px solid var(--border-subtle);overflow:hidden}.dfa-encoches__halo{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 55%,color-mix(in srgb,var(--encoche-lueur) 22%,transparent),transparent 70%);opacity:1;transition:opacity var(--duration-slow) var(--ease-arrow);pointer-events:none;z-index:1}.dfa-encoches__photo{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--duration-base) var(--ease-arrow)}.dfa-encoches__photo img{width:100%;height:100%;object-fit:cover;display:block}.dfa-encoches__photo--vert{opacity:1}.dfa-encoches:has(.dfa-encoches__swatch--rouge input:checked) .dfa-encoches__photo--vert,.dfa-encoches:has(.dfa-encoches__swatch--bleu input:checked) .dfa-encoches__photo--vert{opacity:0}.dfa-encoches:has(.dfa-encoches__swatch--rouge input:checked) .dfa-encoches__photo--rouge{opacity:1}.dfa-encoches:has(.dfa-encoches__swatch--bleu input:checked) .dfa-encoches__photo--bleu{opacity:1}.dfa-encoches__point{position:absolute;top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%);border-radius:var(--radius-pill);background:var(--encoche-lueur);box-shadow:0 0 12px var(--encoche-lueur),0 0 48px color-mix(in srgb,var(--encoche-lueur) 55%,transparent),0 0 110px color-mix(in srgb,var(--encoche-lueur) 30%,transparent);transition:background var(--duration-base) var(--ease-arrow),box-shadow var(--duration-base) var(--ease-arrow);z-index:2}@supports (animation-timeline: view()){.dfa-encoches--animee .dfa-encoches__halo,.dfa-encoches--animee .dfa-encoches__point{animation:dfa-encoche-allumage linear both;animation-timeline:view();animation-range:entry 10% entry 60%}}@keyframes dfa-encoche-allumage{0%{opacity:0}to{opacity:1}}.dfa-encoches__selecteur{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block:var(--space-6);padding:0;border:0}.dfa-encoches__swatch{--swatch-couleur: var(--color-nock-vert);display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-small);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-arrow),color var(--duration-fast) var(--ease-arrow),box-shadow var(--duration-fast) var(--ease-arrow)}.dfa-encoches__swatch--rouge{--swatch-couleur: var(--color-nock-rouge)}.dfa-encoches__swatch--bleu{--swatch-couleur: var(--color-nock-bleu)}.dfa-encoches__swatch input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dfa-encoches__pastille-lueur{width:12px;height:12px;border-radius:var(--radius-pill);background:var(--swatch-couleur);box-shadow:none;transition:box-shadow var(--duration-fast) var(--ease-arrow)}.dfa-encoches__swatch:hover{border-color:var(--border-strong);color:var(--text-primary)}.dfa-encoches__swatch:has(input:checked){border-color:var(--swatch-couleur);color:var(--text-primary)}.dfa-encoches__swatch:has(input:checked) .dfa-encoches__pastille-lueur{box-shadow:0 0 8px var(--swatch-couleur),0 0 24px color-mix(in srgb,var(--swatch-couleur) 45%,transparent)}.dfa-encoches__swatch:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.dfa-encoches__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}@media(prefers-reduced-motion:reduce){.dfa-encoches *,.dfa-encoches *:before,.dfa-encoches *:after{animation:none!important;transition:none!important}.dfa-encoches__halo,.dfa-encoches__point{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-encoches.css.map */