.kTifDGzxY923kZwURMHa {
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 2000;
    width: 334px;
    background-color: #fff;
    padding: 16px 0;
    border: 1px solid rgba(6, 10, 38, .12);
    box-shadow: 0 6px 24px -4px rgba(6, 10, 38, .12);
    border-radius: 12px
}

.volunteer-selector-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 20px 16px;
    font-size: 16px;
    color: #060a26;
    font-weight: 500
}

.rzJpgXeFJHYUqIGIqz6H {
    max-height: 370px;
    overflow-y: auto;
    scrollbar-width: none;
    overscroll-behavior: contain;
    transition: all .2s ease-in-out
}

.rzJpgXeFJHYUqIGIqz6H::-webkit-scrollbar {
    width: 0;
    height: 0
}

.volunteer-report-item {
    margin: 0 20px 16px 20px;
    padding: 14px 16px 12px 16px;
    background: #fff;
    border: 1px solid rgba(13, 83, 255, .06);
    box-shadow: 0 4px 12px -4px rgba(6, 10, 38, .06);
    border-radius: 8px
}

.volunteer-report-item.Q2qkZuoY9dMtTuPxAnYd {
    border: 1px solid #0d53ff;
    position: relative
}

.volunteer-report-item.Q2qkZuoY9dMtTuPxAnYd::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 1px;
    bottom: 1px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAASKADAAQAAAABAAAASAAAAACQMUbvAAAF5UlEQVR4Ae2ce2wURRzHv3tt8VKgtSQVqLRY+4eSSBP5x/gAoxj9E0xAMRENAalAAYP6jyFpTExQAUHBVh4+oqGoEG2E1IAGAhGbiCE+QVKTwrXp41o8KPZlacffb7fbu+vt7l2Pnbu2O5Nsd3cev5n53O/3m5mdSTWkMAghMho7cC8ESjWBu6hqvoo1IEcAU+mZr0l0jZUgqG1yQ6BdFBCMJXQtJAgPU225cmt0VbocQA0Nwp+ZjSXU1OV0PUaXz9Vmp06YyHSzrmBQTOkTWEMyN9E1w03Z6ZLliomRb8lsDGIjCXuNOjItXZ2RUO/Nm1ggKOaTf6mkxt0joYHpFpm8idXXi1v8U7GNRqTydPdCZv1J+aBAmyihRn1J1zyZjRsLskcNqKlV8HD9FTU+Zyx0QHYbRjX8NgXFU+S1ar0Ch+EnDKipTawWAgepzFia6XIfpIaEhnldcww4CQOV2urUCY8/zOs+xzArT2nO0G/gDIhHK1Kxc5TZEw7ZQjGFrcnwPIcK8FDuVTg6L9th3p+D7ZRjws9zdAoOfyydNC0fFtDy4ZRDOa8kxZoYLzwJzvteIRCvnzE+iFflVGgiLjzjsbBMjzKxoe85lynnRPpkYdnxBCOjTWzoY5eCE0FvWIP4M2lWNi7RQnR6RLrXH8MaRHCWKjix+jDspAeB52KTVYxuYo0d4nYMIEA4hoEpNDqBIRO7oW/RKDgWWqFDIUwLLdJUFBHw8XYwzZwXKBrWBHyNrfqCdDxtB0f1pKs36tX1F5+modR1qSkSeOY87WtvBuouyKvQB00/YSGvBkmSa+qANVXAtW5gwz7gQpOcinw0zvMRlHEVqr6lPe7PgBsDRrPZzF6k7w8tIfe74aPZ853ui5UjcYBmsxUHgF1HYuW3XwNe2AV0kka5GXiYHxefVHv+A8r3AIfO2He/qQP4I2CfnkwKA+JTXdIDO9JtXwO0tzbqcOU6rYN2AKd+ty+akw18uAF44G77PMmk8DfpKckUHE2Z8/Srrt8LdPcBreQntjwPZGUkJuFykExnN8DaYRdm5gF71wMlEk4kMaAsu4rdiOeOlVUacFhe7c9AiDTivTJgst+5hl8bgLVUNtRln2/OLOCDdUB+rn2em0lhE5MW/vkXWEWO80pndBV1F8lk3gE6RsRH5jrxG7BipzOc++cAn26SB4fbIxXQlkNAoD2y2+Fnnrc8sxW41BaOM58Onqa5DTnk3n4zJva+6D5gz9r4WhhbcnQxWmNbMm4zsUqukmmwifxCpmIX8iYDVeuA0jsMB77zG2DfMbvcRnzZE8DGRc55XEoVUgFxI1kLXt4PnHQYgfy06791BXDsHHD0rH3XMkjfNy8Dnn7IPo/LKfIBcYN5gvd6NXD4x+SbzxC3rwQemZu8jCRKpgaQ2bDdR4HKWvMt8fs0moiwGc6dnXgZl3KmFhA3+osfgDc+N7QqkU4U5dMcpxzgexpCeFcjVZWz/3h3NeBPYPbFjrv61bTB0ZFIHebtoD9aCuynZUEuLQ/sAvuaT16iLV4yr3SGtADiDs8rAQ68AvAyYWRYNt+YabNjTneQPszH6yB/pnjzMHD6T9IWWjavehxY+mC8UilLT72TTlnX3KmoL20m5k77pUu5rgA5Mw4pQE6ABOoVIAdAdEj6ogLkAIh2NE4oQPaAuvp78L0CZA/oeHGx1qsA2QCiDdUaTlKArAF19k8CfdtUgCzx0HGgt4rztKsKkCUeNPsGQfspRlAmZpIw7wIVBQVat/nKG4cqmAQ0nJ11Gz42X/muNChMo5lmzos1TRs6VGMkKEAGh14M4smifK05zEsBCrMQWFk4U/spHBF+8roG8RHQZwtnaNVhJNFPXnbSLWRWi+00x8TkTUA0WrFDLpoe63NMMObda4Ba6L/VVNBQ/tHI0coEMvLuFUCddIbl7cxB7IicBI6EYfU+kQHxbPg4HZSvGaCF5+xbtZAVgHhxEwEQnX8FHeoDA/ibfMtf5HxPav34rrBQ64kHIF76/4fjjX6i6dA9AAAAAElFTkSuQmCC);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.report-header {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #222;
    font-weight: 500;
    margin-bottom: 4px
}

.report-header .report-title {
    font-weight: 500;
    color: #060a26;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.report-header .OCXrOn5HrDfeiBoxEVXE {
    flex-shrink: 0;
    margin-left: 4px;
    font-size: 10px;
    color: #ff594d;
    line-height: 18px;
    min-height: 18px;
    min-width: 68px;
    padding: 1px;
    text-align: center;
    font-weight: 500;
    background: rgba(255, 89, 77, .08);
    border-radius: 4px
}

.close-selector-button {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURUdwTAYKJgAMJAwMIwYKJQUKJgUKJwYKJp37I+wAAAAHdFJOUwDUFRbTamklCnVoAAAAlklEQVQoz53RMQ7DIAwFUMtVLkCGrCD1AGHIBbpkrdoL5ApIvb+CIY79s6UMGNADjCH6p31tuEg3lFnnj2lr/agLucQeZgUBooJzYHsPku30JMQdTizEgUY8aASAEABCENQrfhEWclkDgvEJpF7B6wsAkSctB0eOJI2knsNJWJNUkrRQ3OvCU4C61G+I9qK3hM/lo263HXVKGCIKObitAAAAAElFTkSuQmCC) no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px
}

.report-time {
    margin-top: 14px;
    font-size: 12px;
    color: rgba(6, 10, 38, .5)
}

.volunteer-actions-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 0;
    margin: 0 20px 16px;
    text-align: center;
    background: rgba(13, 83, 255, .05);
    border: 1px dashed rgba(13, 83, 255, .3);
    border-radius: 8px;
    font-size: 14px;
    font-weight: normal;
    color: #0d53ff;
    cursor: pointer
}

.action-divider {
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAQMAAABvIyEEAAAABlBMVEUAAAANU/8RK8uGAAAAAXRSTlMAQObYZgAAABxJREFUKM9joC2oG0ms+v8g8I901qBwPd1YNAUAzHs+cUccrYkAAAAASUVORK5CYII=) no-repeat center;
    background-size: contain;
    margin-right: 4px
}

.report-count {
    margin-left: 4px;
    padding: 2px 6px;
    background: rgba(13, 50, 187, .08);
    border-radius: 4px;
    font-family: PlusJakartaSans-Bold;
    font-size: 12px;
    color: #809cc4;
    text-align: center;
    line-height: 12px;
    font-weight: 700
}

.ecpv9d252r5qAdBthnX8 {
    height: 100px;
    width: calc(100% - 40px);
    background: #f5f6f7;
    border-radius: 8px;
    margin: 0 auto 16px
}