@font-face {
    font-family: 'gls-complex-icons-Box';
    src: url('./gls-complex-icons-Box.eot?9liym1');
    src: url('./gls-complex-icons-Box.eot?9liym1#iefix') format('embedded-opentype'), url('./gls-complex-icons-Box.ttf?9liym1') format('truetype'), url('./gls-complex-icons-Box.woff?9liym1') format('woff'), url('./gls-complex-icons-Box.svg?9liym1#gls-complex-icons-Box') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="gls-complex-icon-"], [class*=" gls-complex-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'gls-complex-icons-Box' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.gls-complex-icon-Box .path1:before {
    content: "\e900";
    color: rgb(133, 193, 255);
}

.gls-complex-icon-Box .path2:before {
    content: "\e901";
    margin-left: -1.375em;
    color: rgb(147, 203, 245);
}

.gls-complex-icon-Box .path3:before {
    content: "\e902";
    margin-left: -1.375em;
    color: rgb(121, 180, 241);
}

.gls-complex-icon-Box .path4:before {
    content: "\e903";
    margin-left: -1.375em;
    color: rgb(111, 170, 231);
}

.gls-complex-icon-Box .path5:before {
    content: "\e904";
    margin-left: -1.375em;
    color: rgb(147, 203, 245);
}

.gls-complex-icon-Box .path6:before {
    content: "\e905";
    margin-left: -1.375em;
    color: rgb(137, 193, 251);
}

.gls-complex-icon-Box .path7:before {
    content: "\e906";
    margin-left: -1.375em;
    color: rgb(133, 193, 255);
}

.gls-complex-icon-Box .path8:before {
    content: "\e907";
    margin-left: -1.375em;
    color: rgb(133, 193, 255);
}