.directory-material{position:relative}.directory-material__main-header{color:var(--dark)}.directory-material__header{margin-top:30px;justify-content:space-between;align-items:center}.directory-material__title{width:calc(100% - 31px)}.directory-material__text{width:100%;height:500px;overflow:hidden;overflow-x:auto;overflow-y:auto;border-radius:5px;border:1px solid var(--dark);padding:5px 10px}.directory-material__text p{font-family:HSE Sans}.directory-material__content{margin-top:30px}.directory-material__siblings{margin-bottom:10px}.directory-material__materials{gap:3px}.directory-material__item{background-color:var(--box-background);padding:5px 10px;border-radius:5px;align-items:center;display:flex}.directory-material__item:hover{background-color:var(--light-blue);transition:all .3s ease}.directory-material__item:hover .directory-material__item-text,.directory-material__item:hover .directory-material__label,.directory-material__item:hover .directory-material__type{color:#fff}.directory-material__label{width:60%;color:var(--light-blue)}.directory-material__type{width:40%;text-align:end;align-items:center;color:var(--dark-gray)}.directory-material__card-title{color:var(--light-blue);margin:10px 0}