.generic-list__error{color:#cc2900;text-align:center;margin-bottom:-12px;display:block}.generic-list__content{flex-direction:column;margin:30px 0;padding:15px 30px 30px;display:flex;position:relative;.generic-list__title{margin-top:10px;margin-bottom:20px}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}& p{font-size:16px}&:last-child{margin-bottom:50px}&.generic-list__content--inline{margin:20px 0 0;padding:0}}@media(width>=842px){.generic-list__content{padding:35px 100px 45px;.generic-list__title{margin-top:0}}}.generic-list__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex;&.generic-list__list--loading{opacity:0;pointer-events:none}}.generic-list__row{border-bottom:1px solid oklch(94.01% 0 0);flex-direction:column;padding:15px 0;display:flex;&:last-child{border-bottom:none}}@media(width>=842px){.generic-list__row{flex-direction:row;padding:23px 0}}.generic-list-row__details{flex-direction:column;flex-grow:1;min-width:0;padding-right:20px;display:flex}.generic-list-row__actions{flex-direction:column;width:auto;margin-top:15px;margin-left:0;display:inline-block}@media(width>=842px){.generic-list-row__actions{flex-direction:row;margin-top:0;margin-left:auto;display:flex}}.generic-list__actions{border-top:1px solid oklch(94.01% 0 0);flex-direction:row;justify-content:flex-end;padding-top:30px;display:flex;&.generic-list__actions--loading{pointer-events:none;opacity:0}.btn.generic-list__action{justify-content:center;width:100%;padding:14px 24px}}@media(width>=842px){.generic-list__actions{.btn.generic-list__action{width:unset;justify-content:unset}}}.generic-list__empty-message{text-align:center;margin-bottom:20px;font-size:16px;font-weight:200}.generic-list-row__action{color:#0000;appearance:none;background:0 0;border:none;width:100%;height:30px;margin-top:15px;display:block;position:relative;&:first-child{margin-top:0}&:before,&:after{content:"";background-position:50%;background-repeat:no-repeat;background-size:contain;transition:opacity .1s ease-out;position:absolute;inset:0}&.generic-list-row__action--edit{&:before{opacity:1;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20class='feather%20feather-edit'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M11%204H4a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7'/%3e%3cpath%20d='M18.5%202.5a2.121%202.121%200%200%201%203%203L12%2015l-4%201%201-4z'/%3e%3c/svg%3e")}&:after{opacity:0;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%20stroke='%232469fa'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20class='feather%20feather-edit'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M11%204H4a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7'/%3e%3cpath%20d='M18.5%202.5a2.121%202.121%200%200%201%203%203L12%2015l-4%201%201-4z'/%3e%3c/svg%3e")}}&.generic-list-row__action--view{&:before{opacity:1;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20class='feather%20feather-eye'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M1%2012s4-8%2011-8%2011%208%2011%208-4%208-11%208-11-8-11-8'/%3e%3ccircle%20cx='12'%20cy='12'%20r='3'/%3e%3c/svg%3e")}&:after{opacity:0;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%20stroke='%232469fa'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20class='feather%20feather-eye'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M1%2012s4-8%2011-8%2011%208%2011%208-4%208-11%208-11-8-11-8'/%3e%3ccircle%20cx='12'%20cy='12'%20r='3'/%3e%3c/svg%3e")}}&.generic-list-row__action--delete{&:before{opacity:1;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%20width='100'%20height='100'%20viewBox='0%200%20100%20100'%3e%3cpath%20d='M14.3%2024.7h71.4c2.8%200%203.8-3.6%201.5-5.1-5.8-3.7-14.4-5.8-24.4-6.7C61.5%207%2056.3%202.5%2050%202.5S38.5%207%2037.3%2012.9c-10.1.9-18.7%203.1-24.4%206.7-2.4%201.5-1.4%205.1%201.4%205.1M50%207.9c3.1%200%205.7%201.9%206.9%204.5-2.3-.1-4.6-.2-6.9-.2s-4.7.1-6.9.2c1.2-2.6%203.8-4.5%206.9-4.5m34.4%2021H15.6c-2.3%200-4.1%201.8-4.1%204.1s1.8%204.1%204.1%204.1H18l6.7%2053.3c.5%204.1%204%207.1%208.1%207.1h34.5c4.1%200%207.6-3.1%208.1-7.1L82%2037h2.4c2.3%200%204.1-1.8%204.1-4.1s-1.8-4-4.1-4M37.2%2085.5H37c-1.3%200-2.3-1-2.4-2.2l-3-36.4c-.1-1.3.9-2.5%202.2-2.6s2.5.9%202.6%202.2l3%2036.4c.2%201.3-.8%202.5-2.2%202.6m15.2-2.4c0%201.4-1.1%202.4-2.4%202.4s-2.4-1.1-2.4-2.4V46.7c0-1.4%201.1-2.4%202.4-2.4s2.4%201.1%202.4%202.4zm13%20.2c-.1%201.3-1.2%202.2-2.4%202.2h-.2c-1.3-.1-2.3-1.3-2.2-2.6l3-36.4c.1-1.3%201.3-2.3%202.6-2.2s2.3%201.3%202.2%202.6z'/%3e%3c/svg%3e")}&:after{opacity:0;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%20width='100'%20height='100'%20fill='%23be2f2f'%20viewBox='0%200%20100%20100'%3e%3cpath%20d='M14.3%2024.7h71.4c2.8%200%203.8-3.6%201.5-5.1-5.8-3.7-14.4-5.8-24.4-6.7C61.5%207%2056.3%202.5%2050%202.5S38.5%207%2037.3%2012.9c-10.1.9-18.7%203.1-24.4%206.7-2.4%201.5-1.4%205.1%201.4%205.1M50%207.9c3.1%200%205.7%201.9%206.9%204.5-2.3-.1-4.6-.2-6.9-.2s-4.7.1-6.9.2c1.2-2.6%203.8-4.5%206.9-4.5m34.4%2021H15.6c-2.3%200-4.1%201.8-4.1%204.1s1.8%204.1%204.1%204.1H18l6.7%2053.3c.5%204.1%204%207.1%208.1%207.1h34.5c4.1%200%207.6-3.1%208.1-7.1L82%2037h2.4c2.3%200%204.1-1.8%204.1-4.1s-1.8-4-4.1-4M37.2%2085.5H37c-1.3%200-2.3-1-2.4-2.2l-3-36.4c-.1-1.3.9-2.5%202.2-2.6s2.5.9%202.6%202.2l3%2036.4c.2%201.3-.8%202.5-2.2%202.6m15.2-2.4c0%201.4-1.1%202.4-2.4%202.4s-2.4-1.1-2.4-2.4V46.7c0-1.4%201.1-2.4%202.4-2.4s2.4%201.1%202.4%202.4zm13%20.2c-.1%201.3-1.2%202.2-2.4%202.2h-.2c-1.3-.1-2.3-1.3-2.2-2.6l3-36.4c.1-1.3%201.3-2.3%202.6-2.2s2.3%201.3%202.2%202.6z'/%3e%3c/svg%3e")}}&.generic-list-row__action--download{width:auto;color:var(--color__aa-navy);justify-content:center;align-items:center;padding-left:40px;text-decoration:none;display:flex;&:before,&:after{width:30px;height:30px;inset:50% auto auto 0;transform:translateY(-50%)}&:before{opacity:1;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20class='feather%20feather-download'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4m4-5%205%205%205-5m-5%205V3'/%3e%3c/svg%3e")}&:after{opacity:0;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%20stroke='%232469fa'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20class='feather%20feather-download'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4m4-5%205%205%205-5m-5%205V3'/%3e%3c/svg%3e")}&:hover{text-decoration:underline}}&:hover{cursor:pointer;&:before{opacity:0}&:after{opacity:1}}}@media(width>=842px){.generic-list-row__action{width:30px;margin-top:0;margin-left:10px}}.generic-list-row__detail--header{display:flex;.generic-list-header__environment,.generic-list-header__status{text-transform:uppercase;background-color:var(--color__grey--light);border:1px solid var(--color__grey--mid);pointer-events:none;user-select:none;border-radius:20px;align-self:flex-start;margin-right:10px;padding:5px 12px 4px;font-size:10px;font-weight:600;display:inline-block;&.generic-list-header__environment--live,&.generic-list-header__status--sending{color:var(--color__white);background-color:var(--color__brand-blue);border-color:var(--color__brand-blue--dark)}&.generic-list-header__status--succeeded{color:var(--color__white);background-color:var(--color__cool-green);border-color:var(--color__cool-green--dark)}&.generic-list-header__status--failed{color:var(--color__white);background-color:var(--color__red);border-color:var(--color__red--dark)}&.generic-list-header__status--automatic-top-up{color:var(--color__white);background-color:var(--color__brand-blue);border-color:var(--color__brand-blue--dark)}}.generic-list-header__name{text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:15px;display:inline-block;overflow:hidden;&:hover{text-overflow:clip;white-space:normal;word-break:break-all}}}.generic-list__pagination{margin-top:10px}