.subject_list_default{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.subject_list_default__item{width:306px;height:306px;border-radius:50%;background:var(--primary-colour);color:var(--text-over-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:auto;position:relative;text-align:center;padding:50px;-webkit-transition:background-color ease-in-out .2s;transition:background-color ease-in-out .2s;overflow:hidden}@media (min-width:0px) and (max-width:575px){.subject_list_default__item{width:250px;height:250px}}.subject_list_default__item__picture{position:absolute!important;width:100%;height:100%;top:0;left:0;-webkit-transition:opacity ease-in-out .2s;transition:opacity ease-in-out .2s}.subject_list_default__item__picture:after,.subject_list_default__item__picture:before{content:'';top:0;left:0;position:absolute;width:100%;height:100%;z-index:2}.subject_list_default__item__picture:after{background:-webkit-gradient(linear,left bottom, left top,color-stop(0, #000),color-stop(150%, rgba(0,0,0,0)));background:linear-gradient(0deg,#000 0,rgba(0,0,0,0) 150%);opacity:.7}.subject_list_default__item__picture:before{background:var(--primary-colour);opacity:.7}.subject_list_default__item__separator,.subject_list_default__item__title{position:relative;z-index:2}.subject_list_default__item__title{font-size:20px;font-style:normal;font-weight:600;line-height:26px;color:inherit;margin:15px 0;-webkit-transition:color ease-in-out .2s;transition:color ease-in-out .2s;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}@media (min-width:0px) and (max-width:575px){.subject_list_default__item__title{margin:10px 0;font-size:15px;line-height:20px}}.subject_list_default__item__separator{width:70px;height:2px;background:var(--secondary-colour);-webkit-transition:background-color ease-in-out .2s;transition:background-color ease-in-out .2s}.subject_list_default__item:focus,.subject_list_default__item:hover{background-color:var(--secondary-colour);color:var(--text-over-secondary)}.subject_list_default__item:focus .subject_list_default__item__picture,.subject_list_default__item:hover .subject_list_default__item__picture{opacity:0}.subject_list_default__item:focus .subject_list_default__item__separator,.subject_list_default__item:hover .subject_list_default__item__separator{background-color:var(--text-over-secondary)}