.system{overflow:hidden;border:1px solid var(--theme-border-light);border-radius:var(--r4g-radius-l);position:relative}.info{margin-top:calc(var(--r4g-space-3xl) * -1);padding:var(--r4g-space-s)}.system img{aspect-ratio:16/9;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}.system h2{font-size:var(--r4g-font-size-xl)}.your-characters{border:1px solid var(--theme-border-light);border-radius:var(--r4g-radius-l);padding:var(--r4g-space-s);margin-bottom:var(--r4g-space-m)}.your-characters__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--r4g-space-s);margin-bottom:var(--r4g-space-xs)}.your-characters__title{font-size:var(--r4g-font-size-l);margin:0}.your-characters__count,.your-characters__empty{font-size:var(--r4g-font-size-s);color:var(--r4g-c-grey-300)}.your-characters__empty{margin:var(--r4g-space-2xs) 0 0}.your-characters__error{font-size:var(--r4g-font-size-s);color:var(--r4g-c-red);margin:var(--r4g-space-2xs) 0}.your-characters__table{width:100%;border-collapse:collapse;font-size:var(--r4g-font-size-s)}.your-characters__table th{text-align:left;font-weight:600;color:var(--r4g-c-grey-300);padding:var(--r4g-space-2xs) var(--r4g-space-xs);border-bottom:1px solid var(--theme-border-light)}.your-characters__th--actions{width:1%}.your-characters__row{cursor:pointer;transition:background-color .12s ease}.your-characters__row:focus-visible,.your-characters__row:hover{background-color:var(--r4g-c-dark-400);outline:none}.your-characters__row td{padding:var(--r4g-space-2xs) var(--r4g-space-xs);border-bottom:1px solid var(--theme-border-light)}.your-characters__row:last-child td{border-bottom:none}.your-characters__name{color:var(--r4g-c-cyan-200);font-weight:500}.your-characters__td--actions{text-align:right;width:1%}.your-characters__delete{background:transparent;border:none;color:var(--r4g-c-grey-300);padding:var(--r4g-space-3xs);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r4g-radius-s);transition:color .12s ease,background-color .12s ease}.your-characters__delete:focus-visible,.your-characters__delete:hover{color:var(--r4g-c-red);background-color:rgba(0,0,0,.2);outline:none}.your-characters__delete:disabled{opacity:.5;cursor:wait}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}