.record .arrow{background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5h14v14M19 5 5 19' fill='none' stroke='%23171717' stroke-width='2.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:58%;color:transparent;font-size:0}
.brand i{background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5h14v14M19 5 5 19' fill='none' stroke='%23171717' stroke-width='2.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:58%;color:transparent;font-size:0}
.empty>span{display:block;width:40px;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5h14v14M19 5 5 19' fill='none' stroke='%23171717' stroke-width='2.5'/%3E%3C/svg%3E") center/58% no-repeat;font-size:0}
.external-icon{display:inline-block;width:1em;height:1em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5h14v14M19 5 5 19' fill='none' stroke='%23171717' stroke-width='2.5'/%3E%3C/svg%3E") center/contain no-repeat;vertical-align:-.12em}
.record:hover .arrow{background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5h14v14M19 5 5 19' fill='none' stroke='%23171717' stroke-width='2.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:58%}