.album-batch{
    display: flex;justify-content: center;position: sticky;bottom: 152px;height: 0;

    .batch-toolbar {
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
        background-color: rgba(255, 255, 255, 1);
        border-radius: 12px;
        padding: 16px;
        height: 112px;
    }
    .batch-info-section {
        height: 32px;
        display: flex;align-items: center;
    }
    .select-all-wrapper {
        display: flex;align-items: center;
    }
    .checkbox-icon {

    }
    .select-all-text {
        width: 28px;
        height: 14px;
        overflow-wrap: break-word;
        color: rgba(81, 81, 81, 1);
        font-size: 14px;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 14px;
        margin-left: 16px;
    }
    .selected-count {
        overflow-wrap: break-word;
        color: rgba(56, 140, 251, 1);
        font-size: 14px;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 14px;
        margin-left: 4px;
    }
    .action-buttons-group {
        height: 32px;
        margin-left: 24px;
        display: flex;align-items: center;
    }
    .action-button {
        background-color: rgba(255, 255, 255, 1);
        border-radius: 4px;
        border: 1px solid rgba(216, 218, 220, 1);
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 8px;
        margin-right: 16px;
    }
    .action-button:last-child{margin-right: 0;}
    .action-label {
        overflow-wrap: break-word;
        color: rgba(81, 81, 81, 1);
        font-size: 14px;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
        line-height: 14px;
        margin-left: 4px;
    }
    .color-tag-section {
        margin-top: 16px;
        background-color: rgba(248, 248, 248, 1);
        border-radius: 4px;
        height: 32px;
        display: inline-flex;
        align-items: center;
        padding: 0px 16px;
    }
    .color-tag-item {
        background-color: rgba(216, 216, 216, 0);
        height: 16px;
        width: 16px;
        margin-right: 12px;
    }
    .color-tag-item:last-child{
        margin-right: 0;}

}


.album-gallery{
    .gallery-item{border-radius: 10px;overflow: hidden;background-color: #F9FAFB;}
    .gallery-item-preview{position: relative;}
    .pin-badge{background: rgba(0,0,0,0.12);border-radius: 3px;height: 20px;padding: 0 2px;color: #ffffff;position: absolute;top:8px;left: 8px;display: none;align-items: center;z-index: 1;font-size: 12px;cursor: pointer;}
    .gallery-item:hover .pin-badge{display: flex;}
    .pin-badge:hover{background-color: rgba(51,51,51,0.5);}
    .pin-badge.active{background-color: #262626;display: flex;}
    .pin-badge.active:hover{background-color: rgba(51,51,51,0.5);}
    .pin-badge.active .pin-badge-text-cancel{display: none;}
    .pin-badge.active:hover .pin-badge-text-active{display: none}
    .pin-badge.active:hover .pin-badge-text-cancel{display: block;}
    .gallery-item-info{padding: 4px 8px 10px;}
    .info-name-row{display: flex;align-items: center;height: 22px;    justify-content: space-between;}
    .status-badge{width: 38px;height: 16px;flex-shrink: 0;background: #E8EDF2;border-radius: 2px;white-space: nowrap;display: flex;align-items: center;justify-content: center;color: #666666;margin-left: 32px;}
    .info-meta-row{margin-top: 2px;color: #666666;height: 21px;display: flex;align-items: center;}
    .action-buttons{margin-top: 10px;display: flex;justify-content: space-between;color: #262626;}
    .action-btn{background: #FFFFFF;border-radius: 8px;border: 1px solid #E8EDEF;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;cursor: pointer}
    .action-buttons.disable .action-btn{cursor: not-allowed;color: #cacaca;background-color: #ffffff;}
    .action-btn-release{width: 96px;font-size: 12px;}
    .action-btn:hover{background-color: #F6FAFD;}
    .action-btn-release.active{}
    .action-btn-text-normal{display: none}
    .action-btn-text-icon{}
    .action-btn-release.active:hover .action-btn-text-normal{display: block}
    .action-btn-release.active:hover .action-btn-text-icon{display: none}
}