/* -------------
    SOMMAIRE
------------- */

/*
    @AUTHOR : Nicolas BOUDOT

    PROPRIÉTÉ : BORDER
    Styles liés à la propriété border
*/

/*
    01 - XS
        Border
            Width
            Style
            Color
                Gris
                Thème
            Radius
                Défaut
                Pourcent
                Pixels
        Border X
        Border Y
        Border-top
        Border-right
        Border-bottom
        Border-left
    02 - SM
    03 - MD
    04 - LG
    05 - XL
    06 - XXL
*/



/* -----------------
    01 - XS
        Border
----------------- */

.b-none {
    border: none;
}



/* -----------------
    01 - XS
        Border
            Width
----------------- */

.bw-1px {
    border-width: 1px;
}

.bw-2px {
    border-width: 2px;
}

.bw-3px {
    border-width: 3px;
}

.bw-4px {
    border-width: 4px;
}

.bw-5px {
    border-width: 5px;
}



/* -----------------
    01 - XS
        Border
            Style
----------------- */

.bs-dashed {
    border-style: dashed;
}

.bs-dotted {
    border-style: dotted;
}

.bs-double {
    border-style: double;
}

.bs-groove {
    border-style: groove;
}

.bs-inset {
    border-style: inset;
}

.bs-outset {
    border-style: outset;
}

.bs-ridge {
    border-style: ridge;
}

.bs-solid {
    border-style: solid;
}



/* ---------------------
    01 - XS
        Border
            Color
                Gris
--------------------- */

.bc-gray-100 {
    border-color: var(--gray-100);
}

.bc-gray-200 {
    border-color: var(--gray-200);
}

.bc-gray-300 {
    border-color: var(--gray-300);
}

.bc-gray-400 {
    border-color: var(--gray-400);
}

.bc-gray-500 {
    border-color: var(--gray-500);
}

.bc-gray-600 {
    border-color: var(--gray-600);
}

.bc-gray-700 {
    border-color: var(--gray-700);
}

.bc-gray-800 {
    border-color: var(--gray-800);
}

.bc-gray-900 {
    border-color: var(--gray-900);
}



/* ---------------------
    01 - XS
        Border
            Color
                Thème
--------------------- */

.bc-primary {
    border-color: var(--c-primary);
}

.bc-secondary {
    border-color: var(--c-secondary);
}

.bc-tertiary {
    border-color: var(--c-tertiary);
}

.bc-quaternary {
    border-color: var(--c-quaternary);
}

.bc-quinary {
    border-color: var(--c-quinary);
}

.bc-senary {
    border-color: var(--c-senary);
}

.bc-septenary {
    border-color: var(--c-septenary);
}

.bc-octonary {
    border-color: var(--c-octonary);
}

.bc-nonary {
    border-color: var(--c-nonary);
}

.bc-denary {
    border-color: var(--c-denary);
}



/* ---------------------
    01 - XS
        Border
            Radius
                Défaut
--------------------- */

.br-0 {
    border-radius: 0;
}



/* ---------------------
    01 - XS
        Border
            Radius
                Pourcent
--------------------- */

.br-50 {
    border-radius: 50%;
}

.br-100 {
    border-radius: 100%;
}



/* ---------------------
    01 - XS
        Border
            Radius
                Pixels
--------------------- */

.br-3px {
    border-radius: 3px;
}

.br-5px {
    border-radius: 5px;
}

.br-8px {
    border-radius: 8px;
}

.br-10px {
    border-radius: 10px;
}

.br-15px {
    border-radius: 15px;
}

.br-20px {
    border-radius: 20px;
}

.br-25px {
    border-radius: 25px;
}

.br-30px {
    border-radius: 30px;
}

.br-40px {
    border-radius: 40px;
}

.br-50px {
    border-radius: 50px;
}



/* -----------------
    01 - XS
        Border-top
----------------- */



/* -----------------
    01 - XS
        Border-top
            Width
----------------- */

.btw-1px {
    border-top-width: 1px;
}

.btw-2px {
    border-top-width: 2px;
}

.btw-3px {
    border-top-width: 3px;
}

.btw-4px {
    border-top-width: 4px;
}

.btw-5px {
    border-top-width: 5px;
}




/* -----------------
    01 - XS
        Border-top
            Style
----------------- */

.bts-dashed {
    border-top-style: dashed;
}

.bts-dotted {
    border-top-style: dotted;
}

.bts-double {
    border-top-style: double;
}

.bts-groove {
    border-top-style: groove;
}

.bts-inset {
    border-top-style: inset;
}

.bts-outset {
    border-top-style: outset;
}

.bts-ridge {
    border-top-style: ridge;
}

.bts-solid {
    border-top-style: solid;
}



/* ---------------------
    01 - XS
        Border-top
            Color
                Gris
--------------------- */

.btc-gray-100 {
    border-top-color: var(--gray-100);
}

.btc-gray-200 {
    border-top-color: var(--gray-200);
}

.btc-gray-300 {
    border-top-color: var(--gray-300);
}

.btc-gray-400 {
    border-top-color: var(--gray-400);
}

.btc-gray-500 {
    border-top-color: var(--gray-500);
}

.btc-gray-600 {
    border-top-color: var(--gray-600);
}

.btc-gray-700 {
    border-top-color: var(--gray-700);
}

.btc-gray-800 {
    border-top-color: var(--gray-800);
}

.btc-gray-900 {
    border-top-color: var(--gray-900);
}



/* ---------------------
    01 - XS
        Border-top
            Color
                Thème
--------------------- */

.btc-primary {
    border-top-color: var(--c-primary);
}

.btc-secondary {
    border-top-color: var(--c-secondary);
}

.btc-tertiary {
    border-top-color: var(--c-tertiary);
}

.btc-quaternary {
    border-top-color: var(--c-quaternary);
}

.btc-quinary {
    border-top-color: var(--c-quinary);
}

.btc-senary {
    border-top-color: var(--c-senary);
}

.btc-septenary {
    border-top-color: var(--c-septenary);
}

.btc-octonary {
    border-top-color: var(--c-octonary);
}

.btc-nonary {
    border-top-color: var(--c-nonary);
}

.btc-denary {
    border-top-color: var(--c-denary);
}



/* -----------------
    01 - XS
        Border-right
----------------- */



/* -----------------
    01 - XS
        Border-right
            Width
----------------- */

.brw-1px {
    border-right-width: 1px;
}

.brw-2px {
    border-right-width: 2px;
}

.brw-3px {
    border-right-width: 3px;
}

.brw-4px {
    border-right-width: 4px;
}

.brw-5px {
    border-right-width: 5px;
}




/* -----------------
    01 - XS
        Border-right
            Style
----------------- */

.brs-dashed {
    border-right-style: dashed;
}

.brs-dotted {
    border-right-style: dotted;
}

.brs-double {
    border-right-style: double;
}

.brs-groove {
    border-right-style: groove;
}

.brs-inset {
    border-right-style: inset;
}

.brs-outset {
    border-right-style: outset;
}

.brs-ridge {
    border-right-style: ridge;
}

.brs-solid {
    border-right-style: solid;
}



/* ---------------------
    01 - XS
        Border-right
            Color
                Gris
--------------------- */

.brc-gray-100 {
    border-right-color: var(--gray-100);
}

.brc-gray-200 {
    border-right-color: var(--gray-200);
}

.brc-gray-300 {
    border-right-color: var(--gray-300);
}

.brc-gray-400 {
    border-right-color: var(--gray-400);
}

.brc-gray-500 {
    border-right-color: var(--gray-500);
}

.brc-gray-600 {
    border-right-color: var(--gray-600);
}

.brc-gray-700 {
    border-right-color: var(--gray-700);
}

.brc-gray-800 {
    border-right-color: var(--gray-800);
}

.brc-gray-900 {
    border-right-color: var(--gray-900);
}



/* ---------------------
    01 - XS
        Border-right
            Color
                Thème
--------------------- */

.brc-primary {
    border-right-color: var(--c-primary);
}

.brc-secondary {
    border-right-color: var(--c-secondary);
}

.brc-tertiary {
    border-right-color: var(--c-tertiary);
}

.brc-quaternary {
    border-right-color: var(--c-quaternary);
}

.brc-quinary {
    border-right-color: var(--c-quinary);
}

.brc-senary {
    border-right-color: var(--c-senary);
}

.brc-septenary {
    border-right-color: var(--c-septenary);
}

.brc-octonary {
    border-right-color: var(--c-octonary);
}

.brc-nonary {
    border-right-color: var(--c-nonary);
}

.brc-denary {
    border-right-color: var(--c-denary);
}



/* -----------------
    01 - XS
        Border-bottom
----------------- */



/* -----------------
    01 - XS
        Border-bottom
            Width
----------------- */

.bbw-1px {
    border-bottom-width: 1px;
}

.bbw-2px {
    border-bottom-width: 2px;
}

.bbw-3px {
    border-bottom-width: 3px;
}

.bbw-4px {
    border-bottom-width: 4px;
}

.bbw-5px {
    border-bottom-width: 5px;
}




/* -----------------
    01 - XS
        Border-bottom
            Style
----------------- */

.bbs-dashed {
    border-bottom-style: dashed;
}

.bbs-dotted {
    border-bottom-style: dotted;
}

.bbs-double {
    border-bottom-style: double;
}

.bbs-groove {
    border-bottom-style: groove;
}

.bbs-inset {
    border-bottom-style: inset;
}

.bbs-outset {
    border-bottom-style: outset;
}

.bbs-ridge {
    border-bottom-style: ridge;
}

.bbs-solid {
    border-bottom-style: solid;
}



/* ---------------------
    01 - XS
        Border-bottom
            Color
                Gris
--------------------- */

.bbc-gray-100 {
    border-bottom-color: var(--gray-100);
}

.bbc-gray-200 {
    border-bottom-color: var(--gray-200);
}

.bbc-gray-300 {
    border-bottom-color: var(--gray-300);
}

.bbc-gray-400 {
    border-bottom-color: var(--gray-400);
}

.bbc-gray-500 {
    border-bottom-color: var(--gray-500);
}

.bbc-gray-600 {
    border-bottom-color: var(--gray-600);
}

.bbc-gray-700 {
    border-bottom-color: var(--gray-700);
}

.bbc-gray-800 {
    border-bottom-color: var(--gray-800);
}

.bbc-gray-900 {
    border-bottom-color: var(--gray-900);
}



/* ---------------------
    01 - XS
        Border-bottom
            Color
                Thème
--------------------- */

.bbc-primary {
    border-bottom-color: var(--c-primary);
}

.bbc-secondary {
    border-bottom-color: var(--c-secondary);
}

.bbc-tertiary {
    border-bottom-color: var(--c-tertiary);
}

.bbc-quaternary {
    border-bottom-color: var(--c-quaternary);
}

.bbc-quinary {
    border-bottom-color: var(--c-quinary);
}

.bbc-senary {
    border-bottom-color: var(--c-senary);
}

.bbc-septenary {
    border-bottom-color: var(--c-septenary);
}

.bbc-octonary {
    border-bottom-color: var(--c-octonary);
}

.bbc-nonary {
    border-bottom-color: var(--c-nonary);
}

.bbc-denary {
    border-bottom-color: var(--c-denary);
}



/* -----------------
    01 - XS
        Border-left
----------------- */



/* -----------------
    01 - XS
        Border-left
            Width
----------------- */

.blw-1px {
    border-left-width: 1px;
}

.blw-2px {
    border-left-width: 2px;
}

.blw-3px {
    border-left-width: 3px;
}

.blw-4px {
    border-left-width: 4px;
}

.blw-5px {
    border-left-width: 5px;
}




/* -----------------
    01 - XS
        Border-left
            Style
----------------- */

.bls-dashed {
    border-left-style: dashed;
}

.bls-dotted {
    border-left-style: dotted;
}

.bls-double {
    border-left-style: double;
}

.bls-groove {
    border-left-style: groove;
}

.bls-inset {
    border-left-style: inset;
}

.bls-outset {
    border-left-style: outset;
}

.bls-ridge {
    border-left-style: ridge;
}

.bls-solid {
    border-left-style: solid;
}



/* ---------------------
    01 - XS
        Border-left
            Color
                Gris
--------------------- */

.blc-gray-100 {
    border-left-color: var(--gray-100);
}

.blc-gray-200 {
    border-left-color: var(--gray-200);
}

.blc-gray-300 {
    border-left-color: var(--gray-300);
}

.blc-gray-400 {
    border-left-color: var(--gray-400);
}

.blc-gray-500 {
    border-left-color: var(--gray-500);
}

.blc-gray-600 {
    border-left-color: var(--gray-600);
}

.blc-gray-700 {
    border-left-color: var(--gray-700);
}

.blc-gray-800 {
    border-left-color: var(--gray-800);
}

.blc-gray-900 {
    border-left-color: var(--gray-900);
}



/* ---------------------
    01 - XS
        Border-left
            Color
                Thème
--------------------- */

.blc-primary {
    border-left-color: var(--c-primary);
}

.blc-secondary {
    border-left-color: var(--c-secondary);
}

.blc-tertiary {
    border-left-color: var(--c-tertiary);
}

.blc-quaternary {
    border-left-color: var(--c-quaternary);
}

.blc-quinary {
    border-left-color: var(--c-quinary);
}

.blc-senary {
    border-left-color: var(--c-senary);
}

.blc-septenary {
    border-left-color: var(--c-septenary);
}

.blc-octonary {
    border-left-color: var(--c-octonary);
}

.blc-nonary {
    border-left-color: var(--c-nonary);
}

.blc-denary {
    border-left-color: var(--c-denary);
}



/* -----------------
    02 - SM
        Border
----------------- */

@media (min-width: 576px) {
    .b-sm-none {
        border: none;
    }
}



/* -----------------
    02 - SM
        Border
            Width
----------------- */

@media (min-width: 576px) {
    .bw-sm-1px {
        border-width: 1px;
    }

    .bw-sm-2px {
        border-width: 2px;
    }

    .bw-sm-3px {
        border-width: 3px;
    }

    .bw-sm-4px {
        border-width: 4px;
    }

    .bw-sm-5px {
        border-width: 5px;
    }
}



/* -----------------
    02 - SM
        Border
            Style
----------------- */

@media (min-width: 576px) {
    .bs-sm-dashed {
        border-style: dashed;
    }

    .bs-sm-dotted {
        border-style: dotted;
    }

    .bs-sm-double {
        border-style: double;
    }

    .bs-sm-groove {
        border-style: groove;
    }

    .bs-sm-inset {
        border-style: inset;
    }

    .bs-sm-outset {
        border-style: outset;
    }

    .bs-sm-ridge {
        border-style: ridge;
    }

    .bs-sm-solid {
        border-style: solid;
    }
}



/* ---------------------
    02 - SM
        Border
            Color
                Gris
--------------------- */

@media (min-width: 576px) {
    .bc-sm-gray-100 {
        border-color: var(--gray-100);
    }

    .bc-sm-gray-200 {
        border-color: var(--gray-200);
    }

    .bc-sm-gray-300 {
        border-color: var(--gray-300);
    }

    .bc-sm-gray-400 {
        border-color: var(--gray-400);
    }

    .bc-sm-gray-500 {
        border-color: var(--gray-500);
    }

    .bc-sm-gray-600 {
        border-color: var(--gray-600);
    }

    .bc-sm-gray-700 {
        border-color: var(--gray-700);
    }

    .bc-sm-gray-800 {
        border-color: var(--gray-800);
    }

    .bc-sm-gray-900 {
        border-color: var(--gray-900);
    }
}



/* ---------------------
    02 - SM
        Border
            Color
                Thème
--------------------- */

@media (min-width: 576px) {
    .bc-sm-primary {
        border-color: var(--c-primary);
    }

    .bc-sm-secondary {
        border-color: var(--c-secondary);
    }

    .bc-sm-tertiary {
        border-color: var(--c-tertiary);
    }

    .bc-sm-quaternary {
        border-color: var(--c-quaternary);
    }

    .bc-sm-quinary {
        border-color: var(--c-quinary);
    }

    .bc-sm-senary {
        border-color: var(--c-senary);
    }

    .bc-sm-septenary {
        border-color: var(--c-septenary);
    }

    .bc-sm-octonary {
        border-color: var(--c-octonary);
    }

    .bc-sm-nonary {
        border-color: var(--c-nonary);
    }

    .bc-sm-denary {
        border-color: var(--c-denary);
    }
}



/* ---------------------
    02 - SM
        Border
            Radius
                Défaut
--------------------- */

@media (min-width: 576px) {
    .br-sm-0 {
        border-radius: 0;
    }
}



/* ---------------------
    02 - SM
        Border
            Radius
                Pourcent
--------------------- */

@media (min-width: 576px) {
    .br-sm-50 {
        border-radius: 50%;
    }

    .br-sm-100 {
        border-radius: 100%;
    }
}



/* ---------------------
    02 - SM
        Border
            Radius
                Pixels
--------------------- */

@media (min-width: 576px) {
    .br-sm-3px {
        border-radius: 3px;
    }

    .br-sm-5px {
        border-radius: 5px;
    }

    .br-sm-8px {
        border-radius: 8px;
    }

    .br-sm-10px {
        border-radius: 10px;
    }

    .br-sm-15px {
        border-radius: 15px;
    }

    .br-sm-20px {
        border-radius: 20px;
    }

    .br-sm-25px {
        border-radius: 25px;
    }

    .br-sm-30px {
        border-radius: 30px;
    }

    .br-sm-40px {
        border-radius: 40px;
    }

    .br-sm-50px {
        border-radius: 50px;
    }
}



/* -----------------
    02 - SM
        Border-top
----------------- */



/* -----------------
    02 - SM
        Border-top
            Width
----------------- */

@media (min-width: 576px) {
    .btw-sm-1px {
        border-top-width: 1px;
    }

    .btw-sm-2px {
        border-top-width: 2px;
    }

    .btw-sm-3px {
        border-top-width: 3px;
    }

    .btw-sm-4px {
        border-top-width: 4px;
    }

    .btw-sm-5px {
        border-top-width: 5px;
    }
}




/* -----------------
    02 - SM
        Border-top
            Style
----------------- */

@media (min-width: 576px) {
    .bts-sm-dashed {
        border-top-style: dashed;
    }

    .bts-sm-dotted {
        border-top-style: dotted;
    }

    .bts-sm-double {
        border-top-style: double;
    }

    .bts-sm-groove {
        border-top-style: groove;
    }

    .bts-sm-inset {
        border-top-style: inset;
    }

    .bts-sm-outset {
        border-top-style: outset;
    }

    .bts-sm-ridge {
        border-top-style: ridge;
    }

    .bts-sm-solid {
        border-top-style: solid;
    }
}



/* ---------------------
    02 - SM
        Border-top
            Color
                Gris
--------------------- */

@media (min-width: 576px) {
    .btc-sm-gray-100 {
        border-top-color: var(--gray-100);
    }

    .btc-sm-gray-200 {
        border-top-color: var(--gray-200);
    }

    .btc-sm-gray-300 {
        border-top-color: var(--gray-300);
    }

    .btc-sm-gray-400 {
        border-top-color: var(--gray-400);
    }

    .btc-sm-gray-500 {
        border-top-color: var(--gray-500);
    }

    .btc-sm-gray-600 {
        border-top-color: var(--gray-600);
    }

    .btc-sm-gray-700 {
        border-top-color: var(--gray-700);
    }

    .btc-sm-gray-800 {
        border-top-color: var(--gray-800);
    }

    .btc-sm-gray-900 {
        border-top-color: var(--gray-900);
    }
}



/* ---------------------
    02 - SM
        Border-top
            Color
                Thème
--------------------- */

@media (min-width: 576px) {
    .btc-sm-primary {
        border-top-color: var(--c-primary);
    }

    .btc-sm-secondary {
        border-top-color: var(--c-secondary);
    }

    .btc-sm-tertiary {
        border-top-color: var(--c-tertiary);
    }

    .btc-sm-quaternary {
        border-top-color: var(--c-quaternary);
    }

    .btc-sm-quinary {
        border-top-color: var(--c-quinary);
    }

    .btc-sm-senary {
        border-top-color: var(--c-senary);
    }

    .btc-sm-septenary {
        border-top-color: var(--c-septenary);
    }

    .btc-sm-octonary {
        border-top-color: var(--c-octonary);
    }

    .btc-sm-nonary {
        border-top-color: var(--c-nonary);
    }

    .btc-sm-denary {
        border-top-color: var(--c-denary);
    }
}



/* -----------------
    02 - SM
        Border-right
----------------- */



/* -----------------
    02 - SM
        Border-right
            Width
----------------- */

@media (min-width: 576px) {
    .brw-sm-1px {
        border-right-width: 1px;
    }

    .brw-sm-2px {
        border-right-width: 2px;
    }

    .brw-sm-3px {
        border-right-width: 3px;
    }

    .brw-sm-4px {
        border-right-width: 4px;
    }

    .brw-sm-5px {
        border-right-width: 5px;
    }
}




/* -----------------
    02 - SM
        Border-right
            Style
----------------- */

@media (min-width: 576px) {
    .brs-sm-dashed {
        border-right-style: dashed;
    }

    .brs-sm-dotted {
        border-right-style: dotted;
    }

    .brs-sm-double {
        border-right-style: double;
    }

    .brs-sm-groove {
        border-right-style: groove;
    }

    .brs-sm-inset {
        border-right-style: inset;
    }

    .brs-sm-outset {
        border-right-style: outset;
    }

    .brs-sm-ridge {
        border-right-style: ridge;
    }

    .brs-sm-solid {
        border-right-style: solid;
    }
}



/* ---------------------
    02 - SM
        Border-right
            Color
                Gris
--------------------- */

@media (min-width: 576px) {
    .brc-sm-gray-100 {
        border-right-color: var(--gray-100);
    }

    .brc-sm-gray-200 {
        border-right-color: var(--gray-200);
    }

    .brc-sm-gray-300 {
        border-right-color: var(--gray-300);
    }

    .brc-sm-gray-400 {
        border-right-color: var(--gray-400);
    }

    .brc-sm-gray-500 {
        border-right-color: var(--gray-500);
    }

    .brc-sm-gray-600 {
        border-right-color: var(--gray-600);
    }

    .brc-sm-gray-700 {
        border-right-color: var(--gray-700);
    }

    .brc-sm-gray-800 {
        border-right-color: var(--gray-800);
    }

    .brc-sm-gray-900 {
        border-right-color: var(--gray-900);
    }
}



/* ---------------------
    02 - SM
        Border-right
            Color
                Thème
--------------------- */

@media (min-width: 576px) {
    .brc-sm-primary {
        border-right-color: var(--c-primary);
    }

    .brc-sm-secondary {
        border-right-color: var(--c-secondary);
    }

    .brc-sm-tertiary {
        border-right-color: var(--c-tertiary);
    }

    .brc-sm-quaternary {
        border-right-color: var(--c-quaternary);
    }

    .brc-sm-quinary {
        border-right-color: var(--c-quinary);
    }

    .brc-sm-senary {
        border-right-color: var(--c-senary);
    }

    .brc-sm-septenary {
        border-right-color: var(--c-septenary);
    }

    .brc-sm-octonary {
        border-right-color: var(--c-octonary);
    }

    .brc-sm-nonary {
        border-right-color: var(--c-nonary);
    }

    .brc-sm-denary {
        border-right-color: var(--c-denary);
    }
}



/* -----------------
    02 - SM
        Border-bottom
----------------- */



/* -----------------
    02 - SM
        Border-bottom
            Width
----------------- */

@media (min-width: 576px) {
    .bbw-sm-1px {
        border-bottom-width: 1px;
    }

    .bbw-sm-2px {
        border-bottom-width: 2px;
    }

    .bbw-sm-3px {
        border-bottom-width: 3px;
    }

    .bbw-sm-4px {
        border-bottom-width: 4px;
    }

    .bbw-sm-5px {
        border-bottom-width: 5px;
    }
}




/* -----------------
    02 - SM
        Border-bottom
            Style
----------------- */

@media (min-width: 576px) {
    .bbs-sm-dashed {
        border-bottom-style: dashed;
    }

    .bbs-sm-dotted {
        border-bottom-style: dotted;
    }

    .bbs-sm-double {
        border-bottom-style: double;
    }

    .bbs-sm-groove {
        border-bottom-style: groove;
    }

    .bbs-sm-inset {
        border-bottom-style: inset;
    }

    .bbs-sm-outset {
        border-bottom-style: outset;
    }

    .bbs-sm-ridge {
        border-bottom-style: ridge;
    }

    .bbs-sm-solid {
        border-bottom-style: solid;
    }
}



/* ---------------------
    02 - SM
        Border-bottom
            Color
                Gris
--------------------- */

@media (min-width: 576px) {
    .bbc-sm-gray-100 {
        border-bottom-color: var(--gray-100);
    }

    .bbc-sm-gray-200 {
        border-bottom-color: var(--gray-200);
    }

    .bbc-sm-gray-300 {
        border-bottom-color: var(--gray-300);
    }

    .bbc-sm-gray-400 {
        border-bottom-color: var(--gray-400);
    }

    .bbc-sm-gray-500 {
        border-bottom-color: var(--gray-500);
    }

    .bbc-sm-gray-600 {
        border-bottom-color: var(--gray-600);
    }

    .bbc-sm-gray-700 {
        border-bottom-color: var(--gray-700);
    }

    .bbc-sm-gray-800 {
        border-bottom-color: var(--gray-800);
    }

    .bbc-sm-gray-900 {
        border-bottom-color: var(--gray-900);
    }
}



/* ---------------------
    02 - SM
        Border-bottom
            Color
                Thème
--------------------- */

@media (min-width: 576px) {
    .bbc-sm-primary {
        border-bottom-color: var(--c-primary);
    }

    .bbc-sm-secondary {
        border-bottom-color: var(--c-secondary);
    }

    .bbc-sm-tertiary {
        border-bottom-color: var(--c-tertiary);
    }

    .bbc-sm-quaternary {
        border-bottom-color: var(--c-quaternary);
    }

    .bbc-sm-quinary {
        border-bottom-color: var(--c-quinary);
    }

    .bbc-sm-senary {
        border-bottom-color: var(--c-senary);
    }

    .bbc-sm-septenary {
        border-bottom-color: var(--c-septenary);
    }

    .bbc-sm-octonary {
        border-bottom-color: var(--c-octonary);
    }

    .bbc-sm-nonary {
        border-bottom-color: var(--c-nonary);
    }

    .bbc-sm-denary {
        border-bottom-color: var(--c-denary);
    }
}



/* -----------------
    02 - SM
        Border-left
----------------- */



/* -----------------
    02 - SM
        Border-left
            Width
----------------- */

@media (min-width: 576px) {
    .blw-sm-1px {
        border-left-width: 1px;
    }

    .blw-sm-2px {
        border-left-width: 2px;
    }

    .blw-sm-3px {
        border-left-width: 3px;
    }

    .blw-sm-4px {
        border-left-width: 4px;
    }

    .blw-sm-5px {
        border-left-width: 5px;
    }
}




/* -----------------
    02 - SM
        Border-left
            Style
----------------- */

@media (min-width: 576px) {
    .bls-sm-dashed {
        border-left-style: dashed;
    }

    .bls-sm-dotted {
        border-left-style: dotted;
    }

    .bls-sm-double {
        border-left-style: double;
    }

    .bls-sm-groove {
        border-left-style: groove;
    }

    .bls-sm-inset {
        border-left-style: inset;
    }

    .bls-sm-outset {
        border-left-style: outset;
    }

    .bls-sm-ridge {
        border-left-style: ridge;
    }

    .bls-sm-solid {
        border-left-style: solid;
    }
}



/* ---------------------
    02 - SM
        Border-left
            Color
                Gris
--------------------- */

@media (min-width: 576px) {
    .blc-sm-gray-100 {
        border-left-color: var(--gray-100);
    }

    .blc-sm-gray-200 {
        border-left-color: var(--gray-200);
    }

    .blc-sm-gray-300 {
        border-left-color: var(--gray-300);
    }

    .blc-sm-gray-400 {
        border-left-color: var(--gray-400);
    }

    .blc-sm-gray-500 {
        border-left-color: var(--gray-500);
    }

    .blc-sm-gray-600 {
        border-left-color: var(--gray-600);
    }

    .blc-sm-gray-700 {
        border-left-color: var(--gray-700);
    }

    .blc-sm-gray-800 {
        border-left-color: var(--gray-800);
    }

    .blc-sm-gray-900 {
        border-left-color: var(--gray-900);
    }
}



/* ---------------------
    02 - SM
        Border-left
            Color
                Thème
--------------------- */

@media (min-width: 576px) {
    .blc-sm-primary {
        border-left-color: var(--c-primary);
    }

    .blc-sm-secondary {
        border-left-color: var(--c-secondary);
    }

    .blc-sm-tertiary {
        border-left-color: var(--c-tertiary);
    }

    .blc-sm-quaternary {
        border-left-color: var(--c-quaternary);
    }

    .blc-sm-quinary {
        border-left-color: var(--c-quinary);
    }

    .blc-sm-senary {
        border-left-color: var(--c-senary);
    }

    .blc-sm-septenary {
        border-left-color: var(--c-septenary);
    }

    .blc-sm-octonary {
        border-left-color: var(--c-octonary);
    }

    .blc-sm-nonary {
        border-left-color: var(--c-nonary);
    }

    .blc-sm-denary {
        border-left-color: var(--c-denary);
    }
}



/* -----------------
    03 - MD
        Border
----------------- */

@media (min-width: 768px) {
    .b-md-none {
        border: none;
    }
}



/* -----------------
    03 - MD
        Border
            Width
----------------- */

@media (min-width: 768px) {
    .bw-md-1px {
        border-width: 1px;
    }

    .bw-md-2px {
        border-width: 2px;
    }

    .bw-md-3px {
        border-width: 3px;
    }

    .bw-md-4px {
        border-width: 4px;
    }

    .bw-md-5px {
        border-width: 5px;
    }
}



/* -----------------
    03 - MD
        Border
            Style
----------------- */

@media (min-width: 768px) {
    .bs-md-dashed {
        border-style: dashed;
    }

    .bs-md-dotted {
        border-style: dotted;
    }

    .bs-md-double {
        border-style: double;
    }

    .bs-md-groove {
        border-style: groove;
    }

    .bs-md-inset {
        border-style: inset;
    }

    .bs-md-outset {
        border-style: outset;
    }

    .bs-md-ridge {
        border-style: ridge;
    }

    .bs-md-solid {
        border-style: solid;
    }
}



/* ---------------------
    03 - MD
        Border
            Color
                Gris
--------------------- */

@media (min-width: 768px) {
    .bc-md-gray-100 {
        border-color: var(--gray-100);
    }

    .bc-md-gray-200 {
        border-color: var(--gray-200);
    }

    .bc-md-gray-300 {
        border-color: var(--gray-300);
    }

    .bc-md-gray-400 {
        border-color: var(--gray-400);
    }

    .bc-md-gray-500 {
        border-color: var(--gray-500);
    }

    .bc-md-gray-600 {
        border-color: var(--gray-600);
    }

    .bc-md-gray-700 {
        border-color: var(--gray-700);
    }

    .bc-md-gray-800 {
        border-color: var(--gray-800);
    }

    .bc-md-gray-900 {
        border-color: var(--gray-900);
    }
}



/* ---------------------
    03 - MD
        Border
            Color
                Thème
--------------------- */

@media (min-width: 768px) {
    .bc-md-primary {
        border-color: var(--c-primary);
    }

    .bc-md-secondary {
        border-color: var(--c-secondary);
    }

    .bc-md-tertiary {
        border-color: var(--c-tertiary);
    }

    .bc-md-quaternary {
        border-color: var(--c-quaternary);
    }

    .bc-md-quinary {
        border-color: var(--c-quinary);
    }

    .bc-md-senary {
        border-color: var(--c-senary);
    }

    .bc-md-septenary {
        border-color: var(--c-septenary);
    }

    .bc-md-octonary {
        border-color: var(--c-octonary);
    }

    .bc-md-nonary {
        border-color: var(--c-nonary);
    }

    .bc-md-denary {
        border-color: var(--c-denary);
    }
}



/* ---------------------
    03 - MD
        Border
            Radius
                Défaut
--------------------- */

@media (min-width: 768px) {
    .br-md-0 {
        border-radius: 0;
    }
}



/* ---------------------
    03 - MD
        Border
            Radius
                Pourcent
--------------------- */

@media (min-width: 768px) {
    .br-md-50 {
        border-radius: 50%;
    }

    .br-md-100 {
        border-radius: 100%;
    }
}



/* ---------------------
    03 - MD
        Border
            Radius
                Pixels
--------------------- */

@media (min-width: 768px) {
    .br-md-3px {
        border-radius: 3px;
    }

    .br-md-5px {
        border-radius: 5px;
    }

    .br-md-8px {
        border-radius: 8px;
    }

    .br-md-10px {
        border-radius: 10px;
    }

    .br-md-15px {
        border-radius: 15px;
    }

    .br-md-20px {
        border-radius: 20px;
    }

    .br-md-25px {
        border-radius: 25px;
    }

    .br-md-30px {
        border-radius: 30px;
    }

    .br-md-40px {
        border-radius: 40px;
    }

    .br-md-50px {
        border-radius: 50px;
    }
}



/* -----------------
    03 - MD
        Border-top
----------------- */



/* -----------------
    03 - MD
        Border-top
            Width
----------------- */

@media (min-width: 768px) {
    .btw-md-1px {
        border-top-width: 1px;
    }

    .btw-md-2px {
        border-top-width: 2px;
    }

    .btw-md-3px {
        border-top-width: 3px;
    }

    .btw-md-4px {
        border-top-width: 4px;
    }

    .btw-md-5px {
        border-top-width: 5px;
    }
}




/* -----------------
    03 - MD
        Border-top
            Style
----------------- */

@media (min-width: 768px) {
    .bts-md-dashed {
        border-top-style: dashed;
    }

    .bts-md-dotted {
        border-top-style: dotted;
    }

    .bts-md-double {
        border-top-style: double;
    }

    .bts-md-groove {
        border-top-style: groove;
    }

    .bts-md-inset {
        border-top-style: inset;
    }

    .bts-md-outset {
        border-top-style: outset;
    }

    .bts-md-ridge {
        border-top-style: ridge;
    }

    .bts-md-solid {
        border-top-style: solid;
    }
}



/* ---------------------
    03 - MD
        Border-top
            Color
                Gris
--------------------- */

@media (min-width: 768px) {
    .btc-md-gray-100 {
        border-top-color: var(--gray-100);
    }

    .btc-md-gray-200 {
        border-top-color: var(--gray-200);
    }

    .btc-md-gray-300 {
        border-top-color: var(--gray-300);
    }

    .btc-md-gray-400 {
        border-top-color: var(--gray-400);
    }

    .btc-md-gray-500 {
        border-top-color: var(--gray-500);
    }

    .btc-md-gray-600 {
        border-top-color: var(--gray-600);
    }

    .btc-md-gray-700 {
        border-top-color: var(--gray-700);
    }

    .btc-md-gray-800 {
        border-top-color: var(--gray-800);
    }

    .btc-md-gray-900 {
        border-top-color: var(--gray-900);
    }
}



/* ---------------------
    03 - MD
        Border-top
            Color
                Thème
--------------------- */

@media (min-width: 768px) {
    .btc-md-primary {
        border-top-color: var(--c-primary);
    }

    .btc-md-secondary {
        border-top-color: var(--c-secondary);
    }

    .btc-md-tertiary {
        border-top-color: var(--c-tertiary);
    }

    .btc-md-quaternary {
        border-top-color: var(--c-quaternary);
    }

    .btc-md-quinary {
        border-top-color: var(--c-quinary);
    }

    .btc-md-senary {
        border-top-color: var(--c-senary);
    }

    .btc-md-septenary {
        border-top-color: var(--c-septenary);
    }

    .btc-md-octonary {
        border-top-color: var(--c-octonary);
    }

    .btc-md-nonary {
        border-top-color: var(--c-nonary);
    }

    .btc-md-denary {
        border-top-color: var(--c-denary);
    }
}



/* -----------------
    03 - MD
        Border-right
----------------- */



/* -----------------
    03 - MD
        Border-right
            Width
----------------- */

@media (min-width: 768px) {
    .brw-md-1px {
        border-right-width: 1px;
    }

    .brw-md-2px {
        border-right-width: 2px;
    }

    .brw-md-3px {
        border-right-width: 3px;
    }

    .brw-md-4px {
        border-right-width: 4px;
    }

    .brw-md-5px {
        border-right-width: 5px;
    }
}




/* -----------------
    03 - MD
        Border-right
            Style
----------------- */

@media (min-width: 768px) {
    .brs-md-dashed {
        border-right-style: dashed;
    }

    .brs-md-dotted {
        border-right-style: dotted;
    }

    .brs-md-double {
        border-right-style: double;
    }

    .brs-md-groove {
        border-right-style: groove;
    }

    .brs-md-inset {
        border-right-style: inset;
    }

    .brs-md-outset {
        border-right-style: outset;
    }

    .brs-md-ridge {
        border-right-style: ridge;
    }

    .brs-md-solid {
        border-right-style: solid;
    }
}



/* ---------------------
    03 - MD
        Border-right
            Color
                Gris
--------------------- */

@media (min-width: 768px) {
    .brc-md-gray-100 {
        border-right-color: var(--gray-100);
    }

    .brc-md-gray-200 {
        border-right-color: var(--gray-200);
    }

    .brc-md-gray-300 {
        border-right-color: var(--gray-300);
    }

    .brc-md-gray-400 {
        border-right-color: var(--gray-400);
    }

    .brc-md-gray-500 {
        border-right-color: var(--gray-500);
    }

    .brc-md-gray-600 {
        border-right-color: var(--gray-600);
    }

    .brc-md-gray-700 {
        border-right-color: var(--gray-700);
    }

    .brc-md-gray-800 {
        border-right-color: var(--gray-800);
    }

    .brc-md-gray-900 {
        border-right-color: var(--gray-900);
    }
}



/* ---------------------
    03 - MD
        Border-right
            Color
                Thème
--------------------- */

@media (min-width: 768px) {
    .brc-md-primary {
        border-right-color: var(--c-primary);
    }

    .brc-md-secondary {
        border-right-color: var(--c-secondary);
    }

    .brc-md-tertiary {
        border-right-color: var(--c-tertiary);
    }

    .brc-md-quaternary {
        border-right-color: var(--c-quaternary);
    }

    .brc-md-quinary {
        border-right-color: var(--c-quinary);
    }

    .brc-md-senary {
        border-right-color: var(--c-senary);
    }

    .brc-md-septenary {
        border-right-color: var(--c-septenary);
    }

    .brc-md-octonary {
        border-right-color: var(--c-octonary);
    }

    .brc-md-nonary {
        border-right-color: var(--c-nonary);
    }

    .brc-md-denary {
        border-right-color: var(--c-denary);
    }
}



/* -----------------
    03 - MD
        Border-bottom
----------------- */



/* -----------------
    03 - MD
        Border-bottom
            Width
----------------- */

@media (min-width: 768px) {
    .bbw-md-1px {
        border-bottom-width: 1px;
    }

    .bbw-md-2px {
        border-bottom-width: 2px;
    }

    .bbw-md-3px {
        border-bottom-width: 3px;
    }

    .bbw-md-4px {
        border-bottom-width: 4px;
    }

    .bbw-md-5px {
        border-bottom-width: 5px;
    }
}




/* -----------------
    03 - MD
        Border-bottom
            Style
----------------- */

@media (min-width: 768px) {
    .bbs-md-dashed {
        border-bottom-style: dashed;
    }

    .bbs-md-dotted {
        border-bottom-style: dotted;
    }

    .bbs-md-double {
        border-bottom-style: double;
    }

    .bbs-md-groove {
        border-bottom-style: groove;
    }

    .bbs-md-inset {
        border-bottom-style: inset;
    }

    .bbs-md-outset {
        border-bottom-style: outset;
    }

    .bbs-md-ridge {
        border-bottom-style: ridge;
    }

    .bbs-md-solid {
        border-bottom-style: solid;
    }
}



/* ---------------------
    03 - MD
        Border-bottom
            Color
                Gris
--------------------- */

@media (min-width: 768px) {
    .bbc-md-gray-100 {
        border-bottom-color: var(--gray-100);
    }

    .bbc-md-gray-200 {
        border-bottom-color: var(--gray-200);
    }

    .bbc-md-gray-300 {
        border-bottom-color: var(--gray-300);
    }

    .bbc-md-gray-400 {
        border-bottom-color: var(--gray-400);
    }

    .bbc-md-gray-500 {
        border-bottom-color: var(--gray-500);
    }

    .bbc-md-gray-600 {
        border-bottom-color: var(--gray-600);
    }

    .bbc-md-gray-700 {
        border-bottom-color: var(--gray-700);
    }

    .bbc-md-gray-800 {
        border-bottom-color: var(--gray-800);
    }

    .bbc-md-gray-900 {
        border-bottom-color: var(--gray-900);
    }
}



/* ---------------------
    03 - MD
        Border-bottom
            Color
                Thème
--------------------- */

@media (min-width: 768px) {
    .bbc-md-primary {
        border-bottom-color: var(--c-primary);
    }

    .bbc-md-secondary {
        border-bottom-color: var(--c-secondary);
    }

    .bbc-md-tertiary {
        border-bottom-color: var(--c-tertiary);
    }

    .bbc-md-quaternary {
        border-bottom-color: var(--c-quaternary);
    }

    .bbc-md-quinary {
        border-bottom-color: var(--c-quinary);
    }

    .bbc-md-senary {
        border-bottom-color: var(--c-senary);
    }

    .bbc-md-septenary {
        border-bottom-color: var(--c-septenary);
    }

    .bbc-md-octonary {
        border-bottom-color: var(--c-octonary);
    }

    .bbc-md-nonary {
        border-bottom-color: var(--c-nonary);
    }

    .bbc-md-denary {
        border-bottom-color: var(--c-denary);
    }
}



/* -----------------
    03 - MD
        Border-left
----------------- */



/* -----------------
    03 - MD
        Border-left
            Width
----------------- */

@media (min-width: 768px) {
    .blw-md-1px {
        border-left-width: 1px;
    }

    .blw-md-2px {
        border-left-width: 2px;
    }

    .blw-md-3px {
        border-left-width: 3px;
    }

    .blw-md-4px {
        border-left-width: 4px;
    }

    .blw-md-5px {
        border-left-width: 5px;
    }
}




/* -----------------
    03 - MD
        Border-left
            Style
----------------- */

@media (min-width: 768px) {
    .bls-md-dashed {
        border-left-style: dashed;
    }

    .bls-md-dotted {
        border-left-style: dotted;
    }

    .bls-md-double {
        border-left-style: double;
    }

    .bls-md-groove {
        border-left-style: groove;
    }

    .bls-md-inset {
        border-left-style: inset;
    }

    .bls-md-outset {
        border-left-style: outset;
    }

    .bls-md-ridge {
        border-left-style: ridge;
    }

    .bls-md-solid {
        border-left-style: solid;
    }
}



/* ---------------------
    03 - MD
        Border-left
            Color
                Gris
--------------------- */

@media (min-width: 768px) {
    .blc-md-gray-100 {
        border-left-color: var(--gray-100);
    }

    .blc-md-gray-200 {
        border-left-color: var(--gray-200);
    }

    .blc-md-gray-300 {
        border-left-color: var(--gray-300);
    }

    .blc-md-gray-400 {
        border-left-color: var(--gray-400);
    }

    .blc-md-gray-500 {
        border-left-color: var(--gray-500);
    }

    .blc-md-gray-600 {
        border-left-color: var(--gray-600);
    }

    .blc-md-gray-700 {
        border-left-color: var(--gray-700);
    }

    .blc-md-gray-800 {
        border-left-color: var(--gray-800);
    }

    .blc-md-gray-900 {
        border-left-color: var(--gray-900);
    }
}



/* ---------------------
    03 - MD
        Border-left
            Color
                Thème
--------------------- */

@media (min-width: 768px) {
    .blc-md-primary {
        border-left-color: var(--c-primary);
    }

    .blc-md-secondary {
        border-left-color: var(--c-secondary);
    }

    .blc-md-tertiary {
        border-left-color: var(--c-tertiary);
    }

    .blc-md-quaternary {
        border-left-color: var(--c-quaternary);
    }

    .blc-md-quinary {
        border-left-color: var(--c-quinary);
    }

    .blc-md-senary {
        border-left-color: var(--c-senary);
    }

    .blc-md-septenary {
        border-left-color: var(--c-septenary);
    }

    .blc-md-octonary {
        border-left-color: var(--c-octonary);
    }

    .blc-md-nonary {
        border-left-color: var(--c-nonary);
    }

    .blc-md-denary {
        border-left-color: var(--c-denary);
    }
}



/* -----------------
    04 - LG
        Border
----------------- */

@media (min-width: 992px) {
    .b-lg-none {
        border: none;
    }
}



/* -----------------
    04 - LG
        Border
            Width
----------------- */

@media (min-width: 992px) {
    .bw-lg-1px {
        border-width: 1px;
    }

    .bw-lg-2px {
        border-width: 2px;
    }

    .bw-lg-3px {
        border-width: 3px;
    }

    .bw-lg-4px {
        border-width: 4px;
    }

    .bw-lg-5px {
        border-width: 5px;
    }
}



/* -----------------
    04 - LG
        Border
            Style
----------------- */

@media (min-width: 992px) {
    .bs-lg-dashed {
        border-style: dashed;
    }

    .bs-lg-dotted {
        border-style: dotted;
    }

    .bs-lg-double {
        border-style: double;
    }

    .bs-lg-groove {
        border-style: groove;
    }

    .bs-lg-inset {
        border-style: inset;
    }

    .bs-lg-outset {
        border-style: outset;
    }

    .bs-lg-ridge {
        border-style: ridge;
    }

    .bs-lg-solid {
        border-style: solid;
    }
}



/* ---------------------
    04 - LG
        Border
            Color
                Gris
--------------------- */

@media (min-width: 992px) {
    .bc-lg-gray-100 {
        border-color: var(--gray-100);
    }

    .bc-lg-gray-200 {
        border-color: var(--gray-200);
    }

    .bc-lg-gray-300 {
        border-color: var(--gray-300);
    }

    .bc-lg-gray-400 {
        border-color: var(--gray-400);
    }

    .bc-lg-gray-500 {
        border-color: var(--gray-500);
    }

    .bc-lg-gray-600 {
        border-color: var(--gray-600);
    }

    .bc-lg-gray-700 {
        border-color: var(--gray-700);
    }

    .bc-lg-gray-800 {
        border-color: var(--gray-800);
    }

    .bc-lg-gray-900 {
        border-color: var(--gray-900);
    }
}



/* ---------------------
    04 - LG
        Border
            Color
                Thème
--------------------- */

@media (min-width: 992px) {
    .bc-lg-primary {
        border-color: var(--c-primary);
    }

    .bc-lg-secondary {
        border-color: var(--c-secondary);
    }

    .bc-lg-tertiary {
        border-color: var(--c-tertiary);
    }

    .bc-lg-quaternary {
        border-color: var(--c-quaternary);
    }

    .bc-lg-quinary {
        border-color: var(--c-quinary);
    }

    .bc-lg-senary {
        border-color: var(--c-senary);
    }

    .bc-lg-septenary {
        border-color: var(--c-septenary);
    }

    .bc-lg-octonary {
        border-color: var(--c-octonary);
    }

    .bc-lg-nonary {
        border-color: var(--c-nonary);
    }

    .bc-lg-denary {
        border-color: var(--c-denary);
    }
}



/* ---------------------
    04 - LG
        Border
            Radius
                Défaut
--------------------- */

@media (min-width: 992px) {
    .br-lg-0 {
        border-radius: 0;
    }
}



/* ---------------------
    04 - LG
        Border
            Radius
                Pourcent
--------------------- */

@media (min-width: 992px) {
    .br-lg-50 {
        border-radius: 50%;
    }

    .br-lg-100 {
        border-radius: 100%;
    }
}



/* ---------------------
    04 - LG
        Border
            Radius
                Pixels
--------------------- */

@media (min-width: 992px) {
    .br-lg-3px {
        border-radius: 3px;
    }

    .br-lg-5px {
        border-radius: 5px;
    }

    .br-lg-8px {
        border-radius: 8px;
    }

    .br-lg-10px {
        border-radius: 10px;
    }

    .br-lg-15px {
        border-radius: 15px;
    }

    .br-lg-20px {
        border-radius: 20px;
    }

    .br-lg-25px {
        border-radius: 25px;
    }

    .br-lg-30px {
        border-radius: 30px;
    }

    .br-lg-40px {
        border-radius: 40px;
    }

    .br-lg-50px {
        border-radius: 50px;
    }
}



/* -----------------
    04 - LG
        Border-top
----------------- */



/* -----------------
    04 - LG
        Border-top
            Width
----------------- */

@media (min-width: 992px) {
    .btw-lg-1px {
        border-top-width: 1px;
    }

    .btw-lg-2px {
        border-top-width: 2px;
    }

    .btw-lg-3px {
        border-top-width: 3px;
    }

    .btw-lg-4px {
        border-top-width: 4px;
    }

    .btw-lg-5px {
        border-top-width: 5px;
    }
}




/* -----------------
    04 - LG
        Border-top
            Style
----------------- */

@media (min-width: 992px) {
    .bts-lg-dashed {
        border-top-style: dashed;
    }

    .bts-lg-dotted {
        border-top-style: dotted;
    }

    .bts-lg-double {
        border-top-style: double;
    }

    .bts-lg-groove {
        border-top-style: groove;
    }

    .bts-lg-inset {
        border-top-style: inset;
    }

    .bts-lg-outset {
        border-top-style: outset;
    }

    .bts-lg-ridge {
        border-top-style: ridge;
    }

    .bts-lg-solid {
        border-top-style: solid;
    }
}



/* ---------------------
    04 - LG
        Border-top
            Color
                Gris
--------------------- */

@media (min-width: 992px) {
    .btc-lg-gray-100 {
        border-top-color: var(--gray-100);
    }

    .btc-lg-gray-200 {
        border-top-color: var(--gray-200);
    }

    .btc-lg-gray-300 {
        border-top-color: var(--gray-300);
    }

    .btc-lg-gray-400 {
        border-top-color: var(--gray-400);
    }

    .btc-lg-gray-500 {
        border-top-color: var(--gray-500);
    }

    .btc-lg-gray-600 {
        border-top-color: var(--gray-600);
    }

    .btc-lg-gray-700 {
        border-top-color: var(--gray-700);
    }

    .btc-lg-gray-800 {
        border-top-color: var(--gray-800);
    }

    .btc-lg-gray-900 {
        border-top-color: var(--gray-900);
    }
}



/* ---------------------
    04 - LG
        Border-top
            Color
                Thème
--------------------- */

@media (min-width: 992px) {
    .btc-lg-primary {
        border-top-color: var(--c-primary);
    }

    .btc-lg-secondary {
        border-top-color: var(--c-secondary);
    }

    .btc-lg-tertiary {
        border-top-color: var(--c-tertiary);
    }

    .btc-lg-quaternary {
        border-top-color: var(--c-quaternary);
    }

    .btc-lg-quinary {
        border-top-color: var(--c-quinary);
    }

    .btc-lg-senary {
        border-top-color: var(--c-senary);
    }

    .btc-lg-septenary {
        border-top-color: var(--c-septenary);
    }

    .btc-lg-octonary {
        border-top-color: var(--c-octonary);
    }

    .btc-lg-nonary {
        border-top-color: var(--c-nonary);
    }

    .btc-lg-denary {
        border-top-color: var(--c-denary);
    }
}



/* -----------------
    04 - LG
        Border-right
----------------- */



/* -----------------
    04 - LG
        Border-right
            Width
----------------- */

@media (min-width: 992px) {
    .brw-lg-1px {
        border-right-width: 1px;
    }

    .brw-lg-2px {
        border-right-width: 2px;
    }

    .brw-lg-3px {
        border-right-width: 3px;
    }

    .brw-lg-4px {
        border-right-width: 4px;
    }

    .brw-lg-5px {
        border-right-width: 5px;
    }
}




/* -----------------
    04 - LG
        Border-right
            Style
----------------- */

@media (min-width: 992px) {
    .brs-lg-dashed {
        border-right-style: dashed;
    }

    .brs-lg-dotted {
        border-right-style: dotted;
    }

    .brs-lg-double {
        border-right-style: double;
    }

    .brs-lg-groove {
        border-right-style: groove;
    }

    .brs-lg-inset {
        border-right-style: inset;
    }

    .brs-lg-outset {
        border-right-style: outset;
    }

    .brs-lg-ridge {
        border-right-style: ridge;
    }

    .brs-lg-solid {
        border-right-style: solid;
    }
}



/* ---------------------
    04 - LG
        Border-right
            Color
                Gris
--------------------- */

@media (min-width: 992px) {
    .brc-lg-gray-100 {
        border-right-color: var(--gray-100);
    }

    .brc-lg-gray-200 {
        border-right-color: var(--gray-200);
    }

    .brc-lg-gray-300 {
        border-right-color: var(--gray-300);
    }

    .brc-lg-gray-400 {
        border-right-color: var(--gray-400);
    }

    .brc-lg-gray-500 {
        border-right-color: var(--gray-500);
    }

    .brc-lg-gray-600 {
        border-right-color: var(--gray-600);
    }

    .brc-lg-gray-700 {
        border-right-color: var(--gray-700);
    }

    .brc-lg-gray-800 {
        border-right-color: var(--gray-800);
    }

    .brc-lg-gray-900 {
        border-right-color: var(--gray-900);
    }
}



/* ---------------------
    04 - LG
        Border-right
            Color
                Thème
--------------------- */

@media (min-width: 992px) {
    .brc-lg-primary {
        border-right-color: var(--c-primary);
    }

    .brc-lg-secondary {
        border-right-color: var(--c-secondary);
    }

    .brc-lg-tertiary {
        border-right-color: var(--c-tertiary);
    }

    .brc-lg-quaternary {
        border-right-color: var(--c-quaternary);
    }

    .brc-lg-quinary {
        border-right-color: var(--c-quinary);
    }

    .brc-lg-senary {
        border-right-color: var(--c-senary);
    }

    .brc-lg-septenary {
        border-right-color: var(--c-septenary);
    }

    .brc-lg-octonary {
        border-right-color: var(--c-octonary);
    }

    .brc-lg-nonary {
        border-right-color: var(--c-nonary);
    }

    .brc-lg-denary {
        border-right-color: var(--c-denary);
    }
}



/* -----------------
    04 - LG
        Border-bottom
----------------- */



/* -----------------
    04 - LG
        Border-bottom
            Width
----------------- */

@media (min-width: 992px) {
    .bbw-lg-1px {
        border-bottom-width: 1px;
    }

    .bbw-lg-2px {
        border-bottom-width: 2px;
    }

    .bbw-lg-3px {
        border-bottom-width: 3px;
    }

    .bbw-lg-4px {
        border-bottom-width: 4px;
    }

    .bbw-lg-5px {
        border-bottom-width: 5px;
    }
}




/* -----------------
    04 - LG
        Border-bottom
            Style
----------------- */

@media (min-width: 992px) {
    .bbs-lg-dashed {
        border-bottom-style: dashed;
    }

    .bbs-lg-dotted {
        border-bottom-style: dotted;
    }

    .bbs-lg-double {
        border-bottom-style: double;
    }

    .bbs-lg-groove {
        border-bottom-style: groove;
    }

    .bbs-lg-inset {
        border-bottom-style: inset;
    }

    .bbs-lg-outset {
        border-bottom-style: outset;
    }

    .bbs-lg-ridge {
        border-bottom-style: ridge;
    }

    .bbs-lg-solid {
        border-bottom-style: solid;
    }
}



/* ---------------------
    04 - LG
        Border-bottom
            Color
                Gris
--------------------- */

@media (min-width: 992px) {
    .bbc-lg-gray-100 {
        border-bottom-color: var(--gray-100);
    }

    .bbc-lg-gray-200 {
        border-bottom-color: var(--gray-200);
    }

    .bbc-lg-gray-300 {
        border-bottom-color: var(--gray-300);
    }

    .bbc-lg-gray-400 {
        border-bottom-color: var(--gray-400);
    }

    .bbc-lg-gray-500 {
        border-bottom-color: var(--gray-500);
    }

    .bbc-lg-gray-600 {
        border-bottom-color: var(--gray-600);
    }

    .bbc-lg-gray-700 {
        border-bottom-color: var(--gray-700);
    }

    .bbc-lg-gray-800 {
        border-bottom-color: var(--gray-800);
    }

    .bbc-lg-gray-900 {
        border-bottom-color: var(--gray-900);
    }
}



/* ---------------------
    04 - LG
        Border-bottom
            Color
                Thème
--------------------- */

@media (min-width: 992px) {
    .bbc-lg-primary {
        border-bottom-color: var(--c-primary);
    }

    .bbc-lg-secondary {
        border-bottom-color: var(--c-secondary);
    }

    .bbc-lg-tertiary {
        border-bottom-color: var(--c-tertiary);
    }

    .bbc-lg-quaternary {
        border-bottom-color: var(--c-quaternary);
    }

    .bbc-lg-quinary {
        border-bottom-color: var(--c-quinary);
    }

    .bbc-lg-senary {
        border-bottom-color: var(--c-senary);
    }

    .bbc-lg-septenary {
        border-bottom-color: var(--c-septenary);
    }

    .bbc-lg-octonary {
        border-bottom-color: var(--c-octonary);
    }

    .bbc-lg-nonary {
        border-bottom-color: var(--c-nonary);
    }

    .bbc-lg-denary {
        border-bottom-color: var(--c-denary);
    }
}



/* -----------------
    04 - LG
        Border-left
----------------- */



/* -----------------
    04 - LG
        Border-left
            Width
----------------- */

@media (min-width: 992px) {
    .blw-lg-1px {
        border-left-width: 1px;
    }

    .blw-lg-2px {
        border-left-width: 2px;
    }

    .blw-lg-3px {
        border-left-width: 3px;
    }

    .blw-lg-4px {
        border-left-width: 4px;
    }

    .blw-lg-5px {
        border-left-width: 5px;
    }
}




/* -----------------
    04 - LG
        Border-left
            Style
----------------- */

@media (min-width: 992px) {
    .bls-lg-dashed {
        border-left-style: dashed;
    }

    .bls-lg-dotted {
        border-left-style: dotted;
    }

    .bls-lg-double {
        border-left-style: double;
    }

    .bls-lg-groove {
        border-left-style: groove;
    }

    .bls-lg-inset {
        border-left-style: inset;
    }

    .bls-lg-outset {
        border-left-style: outset;
    }

    .bls-lg-ridge {
        border-left-style: ridge;
    }

    .bls-lg-solid {
        border-left-style: solid;
    }
}



/* ---------------------
    04 - LG
        Border-left
            Color
                Gris
--------------------- */

@media (min-width: 992px) {
    .blc-lg-gray-100 {
        border-left-color: var(--gray-100);
    }

    .blc-lg-gray-200 {
        border-left-color: var(--gray-200);
    }

    .blc-lg-gray-300 {
        border-left-color: var(--gray-300);
    }

    .blc-lg-gray-400 {
        border-left-color: var(--gray-400);
    }

    .blc-lg-gray-500 {
        border-left-color: var(--gray-500);
    }

    .blc-lg-gray-600 {
        border-left-color: var(--gray-600);
    }

    .blc-lg-gray-700 {
        border-left-color: var(--gray-700);
    }

    .blc-lg-gray-800 {
        border-left-color: var(--gray-800);
    }

    .blc-lg-gray-900 {
        border-left-color: var(--gray-900);
    }
}



/* ---------------------
    04 - LG
        Border-left
            Color
                Thème
--------------------- */

@media (min-width: 992px) {
    .blc-lg-primary {
        border-left-color: var(--c-primary);
    }

    .blc-lg-secondary {
        border-left-color: var(--c-secondary);
    }

    .blc-lg-tertiary {
        border-left-color: var(--c-tertiary);
    }

    .blc-lg-quaternary {
        border-left-color: var(--c-quaternary);
    }

    .blc-lg-quinary {
        border-left-color: var(--c-quinary);
    }

    .blc-lg-senary {
        border-left-color: var(--c-senary);
    }

    .blc-lg-septenary {
        border-left-color: var(--c-septenary);
    }

    .blc-lg-octonary {
        border-left-color: var(--c-octonary);
    }

    .blc-lg-nonary {
        border-left-color: var(--c-nonary);
    }

    .blc-lg-denary {
        border-left-color: var(--c-denary);
    }
}






/* -----------------
    06 - XXL
        Border
----------------- */

@media (min-width: 1400px) {
    .b-xxl-none {
        border: none;
    }
}



/* -----------------
    06 - XXL
        Border
            Width
----------------- */

@media (min-width: 1400px) {
    .bw-xxl-1px {
        border-width: 1px;
    }

    .bw-xxl-2px {
        border-width: 2px;
    }

    .bw-xxl-3px {
        border-width: 3px;
    }

    .bw-xxl-4px {
        border-width: 4px;
    }

    .bw-xxl-5px {
        border-width: 5px;
    }
}



/* -----------------
    06 - XXL
        Border
            Style
----------------- */

@media (min-width: 1400px) {
    .bs-xxl-dashed {
        border-style: dashed;
    }

    .bs-xxl-dotted {
        border-style: dotted;
    }

    .bs-xxl-double {
        border-style: double;
    }

    .bs-xxl-groove {
        border-style: groove;
    }

    .bs-xxl-inset {
        border-style: inset;
    }

    .bs-xxl-outset {
        border-style: outset;
    }

    .bs-xxl-ridge {
        border-style: ridge;
    }

    .bs-xxl-solid {
        border-style: solid;
    }
}



/* ---------------------
    06 - XXL
        Border
            Color
                Gris
--------------------- */

@media (min-width: 1400px) {
    .bc-xxl-gray-100 {
        border-color: var(--gray-100);
    }

    .bc-xxl-gray-200 {
        border-color: var(--gray-200);
    }

    .bc-xxl-gray-300 {
        border-color: var(--gray-300);
    }

    .bc-xxl-gray-400 {
        border-color: var(--gray-400);
    }

    .bc-xxl-gray-500 {
        border-color: var(--gray-500);
    }

    .bc-xxl-gray-600 {
        border-color: var(--gray-600);
    }

    .bc-xxl-gray-700 {
        border-color: var(--gray-700);
    }

    .bc-xxl-gray-800 {
        border-color: var(--gray-800);
    }

    .bc-xxl-gray-900 {
        border-color: var(--gray-900);
    }
}



/* ---------------------
    06 - XXL
        Border
            Color
                Thème
--------------------- */

@media (min-width: 1400px) {
    .bc-xxl-primary {
        border-color: var(--c-primary);
    }

    .bc-xxl-secondary {
        border-color: var(--c-secondary);
    }

    .bc-xxl-tertiary {
        border-color: var(--c-tertiary);
    }

    .bc-xxl-quaternary {
        border-color: var(--c-quaternary);
    }

    .bc-xxl-quinary {
        border-color: var(--c-quinary);
    }

    .bc-xxl-senary {
        border-color: var(--c-senary);
    }

    .bc-xxl-septenary {
        border-color: var(--c-septenary);
    }

    .bc-xxl-octonary {
        border-color: var(--c-octonary);
    }

    .bc-xxl-nonary {
        border-color: var(--c-nonary);
    }

    .bc-xxl-denary {
        border-color: var(--c-denary);
    }
}



/* ---------------------
    06 - XXL
        Border
            Radius
                Défaut
--------------------- */

@media (min-width: 1400px) {
    .br-xxl-0 {
        border-radius: 0;
    }
}



/* ---------------------
    06 - XXL
        Border
            Radius
                Pourcent
--------------------- */

@media (min-width: 1400px) {
    .br-xxl-50 {
        border-radius: 50%;
    }

    .br-xxl-100 {
        border-radius: 100%;
    }
}



/* ---------------------
    06 - XXL
        Border
            Radius
                Pixels
--------------------- */

@media (min-width: 1400px) {
    .br-xxl-3px {
        border-radius: 3px;
    }

    .br-xxl-5px {
        border-radius: 5px;
    }

    .br-xxl-8px {
        border-radius: 8px;
    }

    .br-xxl-10px {
        border-radius: 10px;
    }

    .br-xxl-15px {
        border-radius: 15px;
    }

    .br-xxl-20px {
        border-radius: 20px;
    }

    .br-xxl-25px {
        border-radius: 25px;
    }

    .br-xxl-30px {
        border-radius: 30px;
    }

    .br-xxl-40px {
        border-radius: 40px;
    }

    .br-xxl-50px {
        border-radius: 50px;
    }
}



/* -----------------
    06 - XXL
        Border-top
----------------- */



/* -----------------
    06 - XXL
        Border-top
            Width
----------------- */

@media (min-width: 1400px) {
    .btw-xxl-1px {
        border-top-width: 1px;
    }

    .btw-xxl-2px {
        border-top-width: 2px;
    }

    .btw-xxl-3px {
        border-top-width: 3px;
    }

    .btw-xxl-4px {
        border-top-width: 4px;
    }

    .btw-xxl-5px {
        border-top-width: 5px;
    }
}




/* -----------------
    06 - XXL
        Border-top
            Style
----------------- */

@media (min-width: 1400px) {
    .bts-xxl-dashed {
        border-top-style: dashed;
    }

    .bts-xxl-dotted {
        border-top-style: dotted;
    }

    .bts-xxl-double {
        border-top-style: double;
    }

    .bts-xxl-groove {
        border-top-style: groove;
    }

    .bts-xxl-inset {
        border-top-style: inset;
    }

    .bts-xxl-outset {
        border-top-style: outset;
    }

    .bts-xxl-ridge {
        border-top-style: ridge;
    }

    .bts-xxl-solid {
        border-top-style: solid;
    }
}



/* ---------------------
    06 - XXL
        Border-top
            Color
                Gris
--------------------- */

@media (min-width: 1400px) {
    .btc-xxl-gray-100 {
        border-top-color: var(--gray-100);
    }

    .btc-xxl-gray-200 {
        border-top-color: var(--gray-200);
    }

    .btc-xxl-gray-300 {
        border-top-color: var(--gray-300);
    }

    .btc-xxl-gray-400 {
        border-top-color: var(--gray-400);
    }

    .btc-xxl-gray-500 {
        border-top-color: var(--gray-500);
    }

    .btc-xxl-gray-600 {
        border-top-color: var(--gray-600);
    }

    .btc-xxl-gray-700 {
        border-top-color: var(--gray-700);
    }

    .btc-xxl-gray-800 {
        border-top-color: var(--gray-800);
    }

    .btc-xxl-gray-900 {
        border-top-color: var(--gray-900);
    }
}



/* ---------------------
    06 - XXL
        Border-top
            Color
                Thème
--------------------- */

@media (min-width: 1400px) {
    .btc-xxl-primary {
        border-top-color: var(--c-primary);
    }

    .btc-xxl-secondary {
        border-top-color: var(--c-secondary);
    }

    .btc-xxl-tertiary {
        border-top-color: var(--c-tertiary);
    }

    .btc-xxl-quaternary {
        border-top-color: var(--c-quaternary);
    }

    .btc-xxl-quinary {
        border-top-color: var(--c-quinary);
    }

    .btc-xxl-senary {
        border-top-color: var(--c-senary);
    }

    .btc-xxl-septenary {
        border-top-color: var(--c-septenary);
    }

    .btc-xxl-octonary {
        border-top-color: var(--c-octonary);
    }

    .btc-xxl-nonary {
        border-top-color: var(--c-nonary);
    }

    .btc-xxl-denary {
        border-top-color: var(--c-denary);
    }
}



/* -----------------
    06 - XXL
        Border-right
----------------- */



/* -----------------
    06 - XXL
        Border-right
            Width
----------------- */

@media (min-width: 1400px) {
    .brw-xxl-1px {
        border-right-width: 1px;
    }

    .brw-xxl-2px {
        border-right-width: 2px;
    }

    .brw-xxl-3px {
        border-right-width: 3px;
    }

    .brw-xxl-4px {
        border-right-width: 4px;
    }

    .brw-xxl-5px {
        border-right-width: 5px;
    }
}




/* -----------------
    06 - XXL
        Border-right
            Style
----------------- */

@media (min-width: 1400px) {
    .brs-xxl-dashed {
        border-right-style: dashed;
    }

    .brs-xxl-dotted {
        border-right-style: dotted;
    }

    .brs-xxl-double {
        border-right-style: double;
    }

    .brs-xxl-groove {
        border-right-style: groove;
    }

    .brs-xxl-inset {
        border-right-style: inset;
    }

    .brs-xxl-outset {
        border-right-style: outset;
    }

    .brs-xxl-ridge {
        border-right-style: ridge;
    }

    .brs-xxl-solid {
        border-right-style: solid;
    }
}



/* ---------------------
    06 - XXL
        Border-right
            Color
                Gris
--------------------- */

@media (min-width: 1400px) {
    .brc-xxl-gray-100 {
        border-right-color: var(--gray-100);
    }

    .brc-xxl-gray-200 {
        border-right-color: var(--gray-200);
    }

    .brc-xxl-gray-300 {
        border-right-color: var(--gray-300);
    }

    .brc-xxl-gray-400 {
        border-right-color: var(--gray-400);
    }

    .brc-xxl-gray-500 {
        border-right-color: var(--gray-500);
    }

    .brc-xxl-gray-600 {
        border-right-color: var(--gray-600);
    }

    .brc-xxl-gray-700 {
        border-right-color: var(--gray-700);
    }

    .brc-xxl-gray-800 {
        border-right-color: var(--gray-800);
    }

    .brc-xxl-gray-900 {
        border-right-color: var(--gray-900);
    }
}



/* ---------------------
    06 - XXL
        Border-right
            Color
                Thème
--------------------- */

@media (min-width: 1400px) {
    .brc-xxl-primary {
        border-right-color: var(--c-primary);
    }

    .brc-xxl-secondary {
        border-right-color: var(--c-secondary);
    }

    .brc-xxl-tertiary {
        border-right-color: var(--c-tertiary);
    }

    .brc-xxl-quaternary {
        border-right-color: var(--c-quaternary);
    }

    .brc-xxl-quinary {
        border-right-color: var(--c-quinary);
    }

    .brc-xxl-senary {
        border-right-color: var(--c-senary);
    }

    .brc-xxl-septenary {
        border-right-color: var(--c-septenary);
    }

    .brc-xxl-octonary {
        border-right-color: var(--c-octonary);
    }

    .brc-xxl-nonary {
        border-right-color: var(--c-nonary);
    }

    .brc-xxl-denary {
        border-right-color: var(--c-denary);
    }
}



/* -----------------
    06 - XXL
        Border-bottom
----------------- */



/* -----------------
    06 - XXL
        Border-bottom
            Width
----------------- */

@media (min-width: 1400px) {
    .bbw-xxl-1px {
        border-bottom-width: 1px;
    }

    .bbw-xxl-2px {
        border-bottom-width: 2px;
    }

    .bbw-xxl-3px {
        border-bottom-width: 3px;
    }

    .bbw-xxl-4px {
        border-bottom-width: 4px;
    }

    .bbw-xxl-5px {
        border-bottom-width: 5px;
    }
}




/* -----------------
    06 - XXL
        Border-bottom
            Style
----------------- */

@media (min-width: 1400px) {
    .bbs-xxl-dashed {
        border-bottom-style: dashed;
    }

    .bbs-xxl-dotted {
        border-bottom-style: dotted;
    }

    .bbs-xxl-double {
        border-bottom-style: double;
    }

    .bbs-xxl-groove {
        border-bottom-style: groove;
    }

    .bbs-xxl-inset {
        border-bottom-style: inset;
    }

    .bbs-xxl-outset {
        border-bottom-style: outset;
    }

    .bbs-xxl-ridge {
        border-bottom-style: ridge;
    }

    .bbs-xxl-solid {
        border-bottom-style: solid;
    }
}



/* ---------------------
    06 - XXL
        Border-bottom
            Color
                Gris
--------------------- */

@media (min-width: 1400px) {
    .bbc-xxl-gray-100 {
        border-bottom-color: var(--gray-100);
    }

    .bbc-xxl-gray-200 {
        border-bottom-color: var(--gray-200);
    }

    .bbc-xxl-gray-300 {
        border-bottom-color: var(--gray-300);
    }

    .bbc-xxl-gray-400 {
        border-bottom-color: var(--gray-400);
    }

    .bbc-xxl-gray-500 {
        border-bottom-color: var(--gray-500);
    }

    .bbc-xxl-gray-600 {
        border-bottom-color: var(--gray-600);
    }

    .bbc-xxl-gray-700 {
        border-bottom-color: var(--gray-700);
    }

    .bbc-xxl-gray-800 {
        border-bottom-color: var(--gray-800);
    }

    .bbc-xxl-gray-900 {
        border-bottom-color: var(--gray-900);
    }
}



/* ---------------------
    06 - XXL
        Border-bottom
            Color
                Thème
--------------------- */

@media (min-width: 1400px) {
    .bbc-xxl-primary {
        border-bottom-color: var(--c-primary);
    }

    .bbc-xxl-secondary {
        border-bottom-color: var(--c-secondary);
    }

    .bbc-xxl-tertiary {
        border-bottom-color: var(--c-tertiary);
    }

    .bbc-xxl-quaternary {
        border-bottom-color: var(--c-quaternary);
    }

    .bbc-xxl-quinary {
        border-bottom-color: var(--c-quinary);
    }

    .bbc-xxl-senary {
        border-bottom-color: var(--c-senary);
    }

    .bbc-xxl-septenary {
        border-bottom-color: var(--c-septenary);
    }

    .bbc-xxl-octonary {
        border-bottom-color: var(--c-octonary);
    }

    .bbc-xxl-nonary {
        border-bottom-color: var(--c-nonary);
    }

    .bbc-xxl-denary {
        border-bottom-color: var(--c-denary);
    }
}



/* -----------------
    06 - XXL
        Border-left
----------------- */



/* -----------------
    06 - XXL
        Border-left
            Width
----------------- */

@media (min-width: 1400px) {
    .blw-xxl-1px {
        border-left-width: 1px;
    }

    .blw-xxl-2px {
        border-left-width: 2px;
    }

    .blw-xxl-3px {
        border-left-width: 3px;
    }

    .blw-xxl-4px {
        border-left-width: 4px;
    }

    .blw-xxl-5px {
        border-left-width: 5px;
    }
}




/* -----------------
    06 - XXL
        Border-left
            Style
----------------- */

@media (min-width: 1400px) {
    .bls-xxl-dashed {
        border-left-style: dashed;
    }

    .bls-xxl-dotted {
        border-left-style: dotted;
    }

    .bls-xxl-double {
        border-left-style: double;
    }

    .bls-xxl-groove {
        border-left-style: groove;
    }

    .bls-xxl-inset {
        border-left-style: inset;
    }

    .bls-xxl-outset {
        border-left-style: outset;
    }

    .bls-xxl-ridge {
        border-left-style: ridge;
    }

    .bls-xxl-solid {
        border-left-style: solid;
    }
}



/* ---------------------
    06 - XXL
        Border-left
            Color
                Gris
--------------------- */

@media (min-width: 1400px) {
    .blc-xxl-gray-100 {
        border-left-color: var(--gray-100);
    }

    .blc-xxl-gray-200 {
        border-left-color: var(--gray-200);
    }

    .blc-xxl-gray-300 {
        border-left-color: var(--gray-300);
    }

    .blc-xxl-gray-400 {
        border-left-color: var(--gray-400);
    }

    .blc-xxl-gray-500 {
        border-left-color: var(--gray-500);
    }

    .blc-xxl-gray-600 {
        border-left-color: var(--gray-600);
    }

    .blc-xxl-gray-700 {
        border-left-color: var(--gray-700);
    }

    .blc-xxl-gray-800 {
        border-left-color: var(--gray-800);
    }

    .blc-xxl-gray-900 {
        border-left-color: var(--gray-900);
    }
}



/* ---------------------
    06 - XXL
        Border-left
            Color
                Thème
--------------------- */

@media (min-width: 1400px) {
    .blc-xxl-primary {
        border-left-color: var(--c-primary);
    }

    .blc-xxl-secondary {
        border-left-color: var(--c-secondary);
    }

    .blc-xxl-tertiary {
        border-left-color: var(--c-tertiary);
    }

    .blc-xxl-quaternary {
        border-left-color: var(--c-quaternary);
    }

    .blc-xxl-quinary {
        border-left-color: var(--c-quinary);
    }

    .blc-xxl-senary {
        border-left-color: var(--c-senary);
    }

    .blc-xxl-septenary {
        border-left-color: var(--c-septenary);
    }

    .blc-xxl-octonary {
        border-left-color: var(--c-octonary);
    }

    .blc-xxl-nonary {
        border-left-color: var(--c-nonary);
    }

    .blc-xxl-denary {
        border-left-color: var(--c-denary);
    }
}