box-l{width:var(--box-width);overflow:var(--box-overflow);display:block;padding:var(--box-padding);background-color:var(--bg-colour);color:var(--text-colour);outline:var(--border-width) solid var(--outline-colour);border-style:var(--border-style);border-width:var(--border-width);border-color:var(--border-colour);border-radius:var(--border-radius)}box-l[data-variant=n]{background-color:var(--c-bg-n);color:var(--c-text-n-1);border-color:var(--c-border-n-1);outline-color:var(--c-n-0-80)}box-l[data-variant=n1]{background-color:var(--c-bg-n-1);color:var(--c-text-n-1);border-color:var(--c-border-n-1);outline-color:var(--c-n-0-80)}box-l[data-variant=a1]{background-color:var(--c-bg-a-1);color:var(--c-text-a-1);border-color:var(--c-border-a-1);outline-color:var(--c-a-2-80)}box-l[data-variant=n2]{background-color:var(--c-bg-n-2);color:var(--c-text-n-1);border-color:var(--c-border-n-2);outline-color:var(--c-n-0-80)}box-l[data-variant=a2]{background-color:var(--c-bg-a-2);color:var(--c-text-a-1);border-color:var(--c-border-a-2);outline-color:var(--c-a-2-80)}box-l[data-variant=none]{border:none;color:inherit;background-color:inherit}box-l[data-shadow=true]{box-shadow:var(--depth-1)}box-l[data-gradient=true]{background-image:linear-gradient(to left top,var(--c-n-4-40) -50%,transparent 200px);box-shadow:inset 0 0 12px 6px var(--c-n-0)}box-l[data-gradient=accent]{background-image:linear-gradient(to left top,var(--c-a-6) -50%,transparent 200px);box-shadow:inset 0 0 12px 6px var(--c-n-0)}