/* --------------------------------------------------------*/

/* @group @variables */

.m-voice-list {
--text-block-margin-bottom: 0;
--figcaption-font-size: .75rem;
--figcaption-line-height: 1.5;
--figcaption-color: var(--color-dimgray);
--voice-grid-columns: repeat(1, 1fr);
}

/* @end @variables */

/* @group @m-voice-list */

[class*="m-voice-detail"] {
display: grid;
grid-template-columns: 1.5rem 1fr;
grid-template-rows: 1fr auto;
gap: .375rem;
}

[class*="a-voice-message-icon"] {
grid-column: 1;
grid-row: 2;
}

[class*="a-voice-message-detail"] {
grid-column: 1 / 3;
grid-row: 1;
}

[class*="a-voice-message-caption"] {
grid-column: 2;
grid-row: 2;
}

/* @end @m-voice-list */

/* @group @m-voice-list */

[class*="a-voice-message-icon"] {
display: flex;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
}

[class*="a-voice-message-detail"] {
box-sizing: border-box;
position: relative;
z-index: 2;
padding: calc(.75rem - 1px);
background-color: var(--color-white);
border: 1px solid var(--color-gainsboro);
border-radius: .375rem;
font-size: .875rem;
line-height: 1.714285714;
}

[class*="a-voice-message-caption"] {
display: grid;
align-items: center;
}

[class*="a-voice-message-icon"] {
background-color: var(--color-brand);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}

.a-voice-message-icon-woman {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cg fill-rule='nonzero' mask='url(%23b)'%3E%3Cpath fill='%23CCF49F' d='M20.42 23.095l-2.952-1.639H6.491l-2.951 1.64c-.513.284-.92.707-1.188 1.207l3.14 6.634h12.974l3.14-6.634a2.992 2.992 0 0 0-1.187-1.208z'/%3E%3Cpath fill='%23966A5B' d='M20.462 12.973v-4.49a8.483 8.483 0 0 0-16.965 0v4.49c0 1.413-.32 2.505-.597 3.187a.995.995 0 0 0 .474 1.276c1.469.723 4.66 2.024 8.605 2.024 3.946 0 7.137-1.301 8.606-2.024a.995.995 0 0 0 .474-1.276 8.48 8.48 0 0 1-.597-3.187z'/%3E%3Cpath fill='%23785353' d='M3.497 8.483v4.49c0 1.413-.32 2.505-.597 3.187a.995.995 0 0 0 .474 1.276c1.469.723 4.66 2.024 8.605 2.024V8.483H3.497z'/%3E%3Cpath fill='%23ECBD83' d='M8.99 16.47h5.98v6.98H8.99z'/%3E%3Cpath fill='%23E2A975' d='M8.986 18.828a7.43 7.43 0 0 0 2.993.632 7.43 7.43 0 0 0 2.994-.632v-2.362H8.986v2.362z'/%3E%3Cpath fill='%23F6D190' d='M18.996 9.177l-.53-.603V3.992H6.24v7.913c0 3.585 2.132 6.45 5.716 6.464.355.001 1.044.014 1.044.014a6.488 6.488 0 0 0 5.467-6.407v-.071c0-.243.2-.44.443-.43l.056.001a1.497 1.497 0 0 0 1.413-1.992l-1.382-.307z'/%3E%3Cpath fill='%23ECBD83' d='M8.585 6.99a.509.509 0 0 1 .721-.078c2.167 1.757 5.23 2.646 9.138 2.646.618 0 1.274-.03 1.934-.074a1.497 1.497 0 0 0-1.413-1.001c-.176 0-.342.035-.499.091V3.992H5.493v3.993a.5.5 0 0 1-.502.498 1.48 1.48 0 0 0-.884.288 1.48 1.48 0 0 0-.597 1.011 1.497 1.497 0 0 0 1.484 1.694h.005c.27 0 .494.21.494.48v.02a6.487 6.487 0 0 0 7.506 6.407c-3.107-.482-5.51-3.165-5.51-6.408v-3.16c0-.381.147-.747.407-1.026.237-.253.467-.519.69-.8z'/%3E%3Cpath fill='%23785353' d='M8.986 10.977a.499.499 0 0 1-.5-.499V9.98a.499.499 0 0 1 .999 0v.5a.499.499 0 0 1-.5.498zm5.987 0a.499.499 0 0 1-.499-.499V9.98a.499.499 0 0 1 .998 0v.5a.499.499 0 0 1-.499.498z'/%3E%3Cpath fill='%23FFF' d='M10.05 12.973a.502.502 0 0 0-.487.625 2.496 2.496 0 0 0 4.833 0 .502.502 0 0 0-.487-.625h-3.86z'/%3E%3Cpath fill='%23966A5B' d='M11.98 0c-.419 0-.83.03-1.232.09L7.465 2.727c.973 2.588 3.94 6.425 12.997 5.754A8.482 8.482 0 0 0 11.98 0z'/%3E%3Cpath fill='%23785353' d='M3.497 8.483v.091h.976a1.605 1.605 0 0 1 .694-.081.995.995 0 0 0 .725-.208c3.062-2.349 4.377-6.293 4.855-8.196-4.098.599-7.25 4.129-7.25 8.394z'/%3E%3Cpath fill='%23B3E59F' d='M16.703 20.593a.998.998 0 0 0-1.409-.084l-3.026 2.687a.434.434 0 0 1-.577 0l-3.026-2.687a.998.998 0 0 0-1.41.084l-.764.863 2.79 3.189a.998.998 0 0 0 1.457.049l.001-.002a.434.434 0 0 1 .742.307v2.944a.5.5 0 0 0 .997 0v-2.944c0-.387.468-.58.742-.307l.001.002a.998.998 0 0 0 1.457-.049l2.79-3.189-.765-.863z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.a-voice-message-icon-man {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cg fill-rule='nonzero' mask='url(%23b)'%3E%3Cpath fill='%23F7BB8F' d='M6.514 6.484h-.499a1.496 1.496 0 0 0 0 2.992h.499'/%3E%3Cpath fill='%23FEC9A3' d='M9.51 13.96h4.99v3.99H9.51z'/%3E%3Cpath fill='%23F7BB8F' d='M9.506 13.965v1.89a5.455 5.455 0 0 0 4.988 0v-1.89H9.506z'/%3E%3Cpath fill='%23FEC9A3' d='M12 0a5.486 5.486 0 0 1 5.486 5.486v4.489a5.486 5.486 0 0 1-10.972 0V5.486A5.486 5.486 0 0 1 12 0z'/%3E%3Cpath fill='%23F7BB8F' d='M17.486 9.476h.499a1.496 1.496 0 0 0 0-2.992h-.499'/%3E%3Cg fill='%23875339' transform='translate(7.989 6.95)'%3E%3Ccircle cx='1.02' cy='1.03' r='1'/%3E%3Ccircle cx='7' cy='1.03' r='1'/%3E%3C/g%3E%3Cpath fill='%23F0A789' d='M12.499 10.972h-1.496a.498.498 0 0 1-.48-.633l.998-3.491.958.269-.813 2.858h.833v.997zm-.913 1.995h-.583v-.997h.583a2.889 2.889 0 0 0 2.055-.853l.708.708a3.88 3.88 0 0 1-2.763 1.142z'/%3E%3Cpath fill='%236B402A' d='M8.509 3.491v-2.24a5.488 5.488 0 0 0-1.995 4.235v.998A3.277 3.277 0 0 0 8.509 3.49z'/%3E%3Cpath fill='%23875339' d='M6.514 0a3.491 3.491 0 0 0 3.491 3.491h5.486a3.606 3.606 0 0 0 1.995 2.993V4.987A4.987 4.987 0 0 0 12.499 0H6.514z'/%3E%3Cpath fill='%23DBDBDB' d='M17.985 17.456H6.015a3.99 3.99 0 0 0-3.99 3.99v7.48h19.95v-7.48a3.99 3.99 0 0 0-3.99-3.99z'/%3E%3Cpath fill='%23D1D1D1' d='M2.025 27.286v1.64h19.95v-7.48a3.988 3.988 0 0 0-.669-2.215c-5.037 6.03-14.253 7.636-19.28 8.055z'/%3E%3Cpath fill='%234398D1' d='M13.5 17.46h-3l1 1.99-1 7.48 1.5 1.5 1.5-1.5-1-7.48z'/%3E%3Cpath fill='%23BDBDBD' d='M5.014 21.94h1v6.98h-1zm12.97 0h1v6.98h-1z'/%3E%3Cpath fill='%233E8CC7' d='M10.504 26.932L12 28.428l1.496-1.496-.454-3.412c-.717.411-1.462.773-2.229 1.082l-.31 2.33z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* @end @m-voice-list */

/* --------------------------------------------------------*/

/* @group @a-message-detail */

[class*="a-message-detail"] {
box-sizing: border-box;
position: relative;
z-index: 2;
padding: calc(.75rem - 1px);
background-color: var(--color-white);
border: 1px solid var(--color-gainsboro);
border-radius: .375rem;
font-size: .875rem;
line-height: 1.714285714;
}

/* @end @a-message-detail */