.bhp-cat-card-top{position:relative}.bhp-cat-card-a-tag-no-style{color:inherit;background:0 0;text-decoration:none;display:block}.bhp-cat-card-nitification{color:#fff;z-index:100;background:red;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 4px 12px #0003}.bhp-cat-card-top-icon{flex-direction:column;justify-content:center;align-items:center;display:flex}.bhp-cat-card-top-card{border:1px solid var(--ion-color-bhp-base);border-radius:15px;overflow:hidden;box-shadow:0 4px 12px #0003}.bhp-cat-card-top-card-normal{width:100px;height:100px}.bhp-cat-card-top-card-small{width:75px;height:75px}.bhp-cat-icon-mode{border:2px solid var(--ion-color-bhp-lightgray);border-radius:50%;width:55px;height:55px;overflow:hidden;box-shadow:0 4px 6px #947a0833}.bhp-cat-icon-mode-small{border-radius:50%;width:35px;height:35px;overflow:hidden}.bhp-cat-icon-block-mode-size-80{width:80px;height:80px}.bhp-cat-icon-block-mode-size-90{width:90px;height:90px}.bhp-cat-icon-block-mode{border:1px solid #d7d4d4;border-radius:15px;margin-bottom:5px;overflow:hidden;box-shadow:0 4px 12px #0003}.bhp-cat-hm-top{border-radius:10px;width:100%;height:75px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.bhp-cat-hm-text{color:#fbf3e3;background:linear-gradient(90deg,#000 60%,#0000 100%);width:60%;height:100%;margin-left:2px;font-size:.65rem}.bhp-cat-card-mode{object-fit:cover;width:100%;height:100%}.bhp-cat-card-text{font-weight:700}.bhp-cat-card-text-bg{z-index:10;width:100%;height:60%;color:var(--ion-color-light);background:linear-gradient(#0000 5%,#0009 25%);flex-direction:column;justify-content:end;align-items:center;padding:10px;font-size:.7rem;display:flex;position:absolute;bottom:0;left:0}.bhp-cat-card-text-icon-mode{color:var(--ion-color-dark);width:80px;margin-top:5px;font-size:.7rem}.bhp-cat-card-text-icon-mode-small{color:var(--ion-color-bhp-hdr-yellow);font-size:.6rem}.bhp-banner-icon-mode-top{color:#fff;background:linear-gradient(to bottom right,#000 55%,#676456);border:2px solid #926c0b;border-radius:15px;justify-content:space-between;align-items:center;width:100%;padding:2px 3px;transition:background .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 6px #947a0833}.bhp-cat-list-top{justify-content:space-between;align-items:center;width:100%;padding-top:10px;padding-bottom:10px;display:flex}.bhp-cat-list-avatar{border:1px solid var(--ion-color-medium);flex-shrink:0;width:35px;height:35px;margin-right:5px;box-shadow:0 4px 6px #0000001a}.bhp-cat-list-name{text-align:left;color:var(--ion-color-primary-dark);flex-grow:1;align-items:center;display:flex}.bhp-cat-list-button{width:20px;height:20px;color:var(--ion-color-light);text-align:center;border:1px solid #a8aaaf;border-radius:50%;justify-content:center;align-items:center;margin:5px;font-size:.7rem;display:flex;box-shadow:0 4px 6px #0000001a}.bhp-cat-special-mode{--height:150px;height:var(--height);width:calc(var(--height) * 3 / 4);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 5px 10px #00000080}.bhp-cat-special-img{object-fit:cover;width:100%;height:100%}.bhp-cat-special-name{text-align:center;width:100%;color:var(--ion-color-light);z-index:3;margin:0;padding:.5rem;font-size:.7rem;position:absolute;bottom:0;left:0}.bhp-cat-special-fade{z-index:1;background:linear-gradient(#0000,#000);width:100%;height:40px;position:absolute;bottom:0;left:0}