.rta-icon{display:inline-flex;position:relative;width:124px;height:124px;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,#333a40 0,#242b30 65%,transparent 66%);isolation:isolate;flex-shrink:0}
.rta-art{display:block;width:100%;height:100%;background-image:url('/brand/truck-avatars/trucks-v2.webp');background-size:300% 400%;background-repeat:no-repeat;filter:var(--rta-filter,none)}
.rta-art-extra{background-image:url('/brand/truck-avatars/trucks-extra-v2.webp');background-size:300% 200%}
.rta-generic{width:100%;height:100%;object-fit:contain;filter:var(--rta-filter,none)}
.rta-icon .dbtruck-no{z-index:1;filter:none}
#rta-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:90dvh;overflow:auto;border:1px solid #6b777744;border-radius:20px;padding:22px;background:var(--panel,#fffdf8);color:var(--ink,#173b32);box-shadow:0 24px 90px #0006}
#rta-dialog::backdrop{background:#0009}
#rta-dialog header,#rta-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
#rta-dialog h2{margin:0;font:700 22px/1.3 inherit}
#rta-dialog label{display:block;font-weight:600;margin:16px 0 7px}
#rta-dialog select{width:100%;min-height:44px;background:inherit;color:inherit;border:1px solid #87918c66;border-radius:9px;padding:8px}
#rta-dialog .rta-preview{display:flex;align-items:center;gap:18px;min-height:148px}
#rta-dialog .rta-preview .rta-icon{width:148px;height:148px}
#rta-dialog .rta-palette{display:flex;gap:9px;flex-wrap:wrap}
#rta-dialog .rta-swatch{width:38px;height:38px;border-radius:50%;background:var(--swatch);border:3px solid #89918c55;cursor:pointer;color:#fff}
#rta-dialog .rta-swatch[aria-pressed=true]{outline:2px solid currentColor;outline-offset:3px}
#rta-dialog .rta-swatch:focus-visible{outline:3px solid #4488dc;outline-offset:3px}
#rta-dialog .rta-error{color:#b62e2e;min-height:24px;margin-top:12px}
#rta-dialog footer{margin-top:18px;justify-content:flex-end}
#rta-dialog button{min-height:44px}
.rta-edit-button{margin-inline-start:8px}
.dlpic .rta-icon{width:38px;height:38px}.dlpic .rta-icon .dbtruck-no{display:none}
@media(prefers-color-scheme:dark){#rta-dialog{background:var(--panel,#1b2023);color:var(--ink,#e6efec)}}
.dbpic .rta-icon{width:100%;height:100%}
.rta-art{transition:filter .2s}
.rta-stage{position:absolute;inset:0;display:block}
/* The truck stands in front of its circle: the tires come over the circle's lower edge. */
.dbpic:has(.rta-icon){overflow:visible}
.rta-icon{overflow:visible}