#resources{
    width: 100%;
    font-family: "Facit";
    font-weight: 400;
    color: #3A3A3A;
    sib-resource {
        background-color: #F0F3F6;
        .sib-resource {
            font-family: "Facit";            
            .red-button {
                background-color: #C4262E;
            }
            .black-button {
                background-color: #3A3A3A;
                margin-left: 10%;
            }
            .lnk-newresource {
                margin-top: 30px;
                margin-right: 70px;
            }
            .resources sib-form::before {
                font-family: "RefrigeratorDelxW01Bold";
            }
            #listresources {
                .lnk-newkeyword .button {
                    font-size: 1.2rem;
                    width: max-content;
                    height: max-content;
                    padding: 10px 30px;
                    color: #063B5C;
                }
                sib-display sib-display {
                    [name="name"] {
                        font-family: "RefrigeratorDelxW01Bold";
                    }
                    [name="link"] a {
                        padding-left: 35px;
                        position: relative;
                        &::before {
                            position: absolute;
                            left: 0;
                        }
                    }
                }
            }
            .resource-tag {
                font-family: Facilt;
                font-weight: 600;
            }
        }
    }
    @media (max-width: 991px) {
        .sib-resource {
            margin-top: 65px;
        }
    }
}
.with-sidebar nav > solid-router > ul [name="circle-resources"]{
    li::before {
        content: '';
        height: 40px;
        width: 40px;
        mask: url('/images/file.svg') center no-repeat;
        mask-size: contain;
        -webkit-mask: url('/images/file.svg') center no-repeat;
        -webkit-mask-size: contain;
        background-color: var(--color-right-menu-text);
    }
    &[active] li::before {
        background-color: var(--color-right-menu-active-text);
    }
}