// Générateur
    #generator {
        background: $blanc;
        padding: 1em;
        border-radius: .5em;
        box-shadow: 0 2px 6px rgba($noir, .15);
        
        fieldset {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1em;
            &.collapsible .choice:first-of-type {
                padding: 0;
                background: $brand600;

                a {
                    
                    color: $blanc;
                    font-weight: 700;
                    text-transform: uppercase; 
                    @include newIcon("\F0EA", bottom);
                    &:before {
                        font-size: 1.25em;
                    }
                }

                &:hover {
                    background-color: $brand700;
                    a {
                        color: $blanc;
                    }
                }
            }
        }
        legend {
            text-transform: capitalize;
        }

        .choice {
            border: 1px solid $gris300;
            display: grid;
            grid-auto-flow: column;
            grid-template-columns: 1fr 30px 30px;
            column-gap: .25em;
            word-break: break-all;
            padding: .5em;
            min-height: 50px;
            place-items: center;
            border-radius: .5em;
            box-shadow: 0 1px 3px 0 rgba($noir, .1);
            transition: all 0.2s;
            text-transform: capitalize;

            a {
                padding: .25rem;
                justify-self: center;
                color: $blanc;  
                border-radius: 0.25rem;
                &:only-of-type {
                    color: unset;
                    grid-column: 1/-1;
                    &:hover {
                        color: $brand600;
                    }
                } 
            }

            a.delete-25 {
                grid-column: 3/4;
                background-color: $rouge;
                &:hover {
                    background: darkred;
                }
            }
            a.generate-25 {
                grid-column: 2/3;
                background: $brand600;
                &:hover {
                    background-color: $brand700;
                }
            }
        }
    }