.bbsSubjectItem_component_bbsSubjectItem__kKUpx{position:relative;-webkit-user-select:none;-moz-user-select:none;color:var(--c-font);padding:var(--s-small) var(--s-small) var(--s-small);background-color:var(--c-panel);border-radius:var(--rd-medium);box-shadow:2px 2px 0 var(--c-shadow);display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:auto auto auto;grid-gap:var(--s-small);gap:var(--s-small);grid-template-areas:"title title title title" "pick pick pick pick" "time hot ikioi count";cursor:pointer;user-select:none;transition:transform .1s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:rgba(0,0,0,0)}.bbsSubjectItem_component_bbsSubjectItem__kKUpx:active:focus,.bbsSubjectItem_component_bbsSubjectItem__kKUpx:active:hover{transform:scale(.96)}.bbsSubjectItem_component_bbsSubjectItem__info__TDo5t{position:absolute;width:100%;top:0;left:0;padding:var(--s-xsmall) var(--s-xsmall);display:flex;justify-content:space-between}.bbsSubjectItem_component_bbsSubjectItem__title__rxh_H{grid-area:title;font-size:var(--f-xsmall);font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.bbsSubjectItem_component_bbsSubjectItem__title__rxh_H span{font-weight:700;font-size:var(--f-small);color:var(--c-font-light);margin-right:var(--s-small)}.bbsSubjectItem_component_bbsSubjectItem__time__UXeRK{grid-area:time;font-size:var(--f-xxsmall);color:var(--c-font-light)}.bbsSubjectItem_component_bbsSubjectItem__count__Loma3{grid-area:count;font-size:var(--f-xxsmall);color:var(--c-font-light)}.bbsSubjectItem_component_bbsSubjectItem__ikioi__8K7iv{grid-area:ikioi;font-size:var(--f-xxsmall);color:var(--c-font-light)}.bbsSubjectItem_component_bbsSubjectItem__hotChart__3BLW_{grid-area:hot;position:relative;align-self:center;height:2px;font-size:var(--f-xxsmall);background-color:var(--c-panel-dark);border-radius:var(--rd-large)}.bbsSubjectItem_component_bbsSubjectItem__pick__zpvWF{grid-area:pick;display:flex;align-items:center;padding:var(--s-small);border-radius:var(--rd-medium);background-color:var(--c-panel-dark)}.bbsSubjectItem_component_bbsSubjectItem__pick__zpvWF p{margin:0;color:var(--c-font);font-size:var(--f-xxsmall);height:var(--f-xsmall);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.bbsSubjectItem_component_bar__53YaX{position:absolute;top:0;left:0;z-index:2;height:100%;border-radius:var(--rd-large)}.bbsSubjectItem_component_bbsSubjectItem--100__5BHZG .bbsSubjectItem_component_bar__53YaX{background-color:#e95058}.bbsSubjectItem_component_bbsSubjectItem--90__JOqjK .bbsSubjectItem_component_bar__53YaX{background-color:#f75379}.bbsSubjectItem_component_bbsSubjectItem--80__LGovr .bbsSubjectItem_component_bar__53YaX{background-color:#fc9918}.bbsSubjectItem_component_bbsSubjectItem--70__JrDLn .bbsSubjectItem_component_bar__53YaX{background-color:#ffd103}.bbsSubjectItem_component_bbsSubjectItem--60__8y0QN .bbsSubjectItem_component_bar__53YaX{background-color:#b2c904}.bbsSubjectItem_component_bbsSubjectItem--50__lYYx_ .bbsSubjectItem_component_bar__53YaX{background-color:#82b657}.bbsSubjectItem_component_bbsSubjectItem--40__LefZ_ .bbsSubjectItem_component_bar__53YaX{background-color:#2ccf99}.bbsSubjectItem_component_bbsSubjectItem--30__KLCHb .bbsSubjectItem_component_bar__53YaX{background-color:#48aee9}.bbsSubjectItem_component_bbsSubjectItem--20__v4Jg6 .bbsSubjectItem_component_bar__53YaX{background-color:#7685fc}.bbsSubjectItem_component_bbsSubjectItem--10__0G61R .bbsSubjectItem_component_bar__53YaX{background-color:#6e50d1}.bbsSubjectItem_component_bbsSubjectItem--0__d3JBY .bbsSubjectItem_component_bar__53YaX{background-color:#c45ece}